CMS Made Simple Forums

Code: Select all

/*************************************
* thumbnailGenerator v2.25
* last update: 21|07|2004
* written by michael kloepzig
* mischer@save-the-gummybears.org
* http://www.save-the-gummybears.org
*************************************/
/*********************************
* Modified for CMS Made Simple by: Redguy
*********************************/

//SETUP (DEFAULT)
$type = 'click'; // "click" ... CLICK-THROUGH-GALLERY | "popup" ... POPUP WINDOW 
$picFolder = 'uploads/images/';  //PATH TO THE PICS, RELATIVE TO THIS FILE, ENDING WITH /
$thumbSpacing = 4; //SPACE BETWEEN THE THUMBNAILS IN PIXEL
$picsInARow = 4; //NUMBER OF THUMBNAILS IN A ROW
$thumbCount = 'on'; //SWITCH INCREMENT NUMBERS BELOW THUMBNAILS "on" or "off"
$sortBy = 'name'; //SORT IMAGE FILES BY 'name' OR 'date'
$sortByOrder = 'asc'; //SORT IMAGE FILES IN ASCENDING ORDER: 'asc' OR IN DESCENDING ORDER: 'desc'

//LAYOUT (DEFAULT)
$borderCol = '#DDDDDD'; //COLOR FOR THE BORDERS AROUND THUMBNAILS & BIG PICTURES
$borderSize = 3; //SIZE OF THE BORDERS AROUND THUMBNAILS AND BIG PICTURES IN PIXEL

//GET CMSMS SETUP
if(isset($params['type'])) $type = $params['type'];
if(isset($params['picFolder'])) $picFolder = $params['picFolder'];
if(isset($params['thumbSpacing'])) $thumbSpacing = $params['thumbSpacing'];
if(isset($params['picsInARow'])) $picsInARow = $params['picsInARow'];
if(isset($params['thumbCount'])) $thumbCount = $params['thumbCount'];
if(isset($params['sortBy'])) $sortBy = $params['sortBy'];
if(isset($params['sortByOrder'])) $sortByOrder = $params['sortByOrder'];

//GET CMSMS LAYOUT
if(isset($params['borderCol'])) $borderCol = $params['borderCol'];
if(isset($params['borderSize'])) $borderSize = $params['borderSize'];

//check php version and abort if it is obsolete
$pv = explode(".", phpversion());
if(($pv[0] < 5) && ($pv[0] > 3 && $pv[1] < 2) || ($pv[0] <= 3)) die("Your version of PHP (" . phpversion() . ") is obsolete. You need PHP 4.2.0 or above on your server in order to run thumbnailGenerator. Check <a href='http://php.net' target='_blank'>php.net</a> for further information.");
$selfA = explode('/', $_SERVER["PHP_SELF"]);
$self = $selfA[sizeOf($selfA)-1] . '?page=' . $_GET['page'];
$picDir = dir($picFolder);
//READ OUT PIC DIR
$liste = array();
while($check = $picDir->read()) {
	if(strpos($check,'.jpg') || strpos($check,'.gif') || strpos($check,'.png')) {
		$cThumb = explode("_", $check);
		if($cThumb[0] != "thumb" && $cThumb[0] != "editor") {
			$liste[] = $check;
		}
	}
}
if($sortBy == "date") {
	$tmp = array();
	foreach($liste as $k => $v) {
		$tmp['file'][$k] = $v;
		$tmp['date'][$k] = filemtime($picFolder . $v);
		}
	($sortByOrder == 'desc') ? array_multisort($tmp['date'], SORT_DESC, $tmp['file'], SORT_DESC) : array_multisort($tmp['date'], SORT_ASC, $tmp['file'], SORT_ASC);
	$liste = $tmp['file'];
} else ($sortByOrder == 'desc') ? rsort($liste) : sort($liste);
//OUPUT
$count = 1;
$output = '';
//thumbcount
if($thumbCount == 'on') {
	$deci = array();
	for($i=1; $i<=sizeof($liste); $i++) {
		$deci[$i] = $i;
		while(strlen($deci[$i]) < strlen(sizeof($liste))) $deci[$i] = '0' . $deci[$i];
	}
}
if($type == 'click' && isset($_GET['img'])) { //click through gallery
	$bigPic = $picFolder . $liste[$_GET['img']];
	$imgSize = getImageSize($bigPic);
	$img = (!isset($_GET['img'])) ? 1 : $_GET['img'];
	$next = ($_GET['img'] == (sizeOf($liste)-1)) ? $self : $self . "&img=" . ($_GET['img']+1);
	$output .= '<table border="0" cellspacing="0" cellpadding="' . $borderSize . '">' . "\n";
	$output .= '<tr>' . "\n" . '<td align="center" valign="middle" bgcolor="' . $borderCol . '">' . "\n";
	$output .= '<a href="' . $next . '"><img src="' . $bigPic . '" border="0" ' . $imgSize[3] . ' alt="next" /></a><br />' . "\n";
	$output .= 'Image ' . ($_GET['img']+1) . ' of ' . sizeOf($liste) . '<br />' . "\n";
	$output .= ($_GET['img'] == 0) ? "" : "<a href='" . $self . "&img=" . ($_GET['img']-1) ."'>Previous</a> | ";
	$output .= "<a href='" . $self . "'>Index</a>";
	$output .= ($_GET['img'] == (sizeOf($liste)-1)) ? "" : " | <a href='" . $next . "'>Next</a>";
	$output .= '<br />' . "\n" . '</td>' . "\n" . '</tr>' . "\n" . '</table>' . "\n";
} else { //thumbgeneration & popup window
	$output .= '<table border="0" cellspacing="' . $thumbSpacing . '" cellpadding="' . $borderSize .'">' . "\n" . '<tr>' . "\n";
	$i = 1;
	foreach($liste as $key => $value) {

		$bigPic = $picFolder . $value;
		$imgSize = getImageSize($bigPic);

		$tmbPic = $picFolder . 'thumb_' . $value;
		$tmbSize = @getImageSize($tmbPic) or ($tmbSize[0] = 96) and ($tmbSize[1] = 96);

		$output .= '<td bgcolor="' . $borderCol . '" align="center">' . "\n";

		if($type == 'click') {
			$output .= '<a href="' . $self . '&img=' . $key . '">' . "\n";
		}
		else {
			$output .= '<a href="javascript:;" onclick="JustSoPicWindow(\'' . $bigPic . '\',\'' . $imgSize[0] . '\',\'' . $imgSize[1] . '\',\'Popup Image ' . ($key+1) . '\',\'#000000\',\'hug image\',\'0\');return document.MM_returnValue">' . "\n";
		}
				
		$output .= '<img src="' . $tmbPic . '" border="0" width="' . $tmbSize[0] . '" height="' . $tmbSize[1] . '" alt="click for full sized image" /></a><br />' . "\n";

		if($thumbCount == 'on') {
			$output .= $deci[$i] . "\n";
			$i++;
		}
		$output .= '</td>' . "\n";

		if($count == $picsInARow && $key != count($liste)-1) {
			$output .= '</tr>' . "\n" . '<tr>' . "\n";
			$count = 1;
		} else {
			$count++;
		}
	}
	$output .= '</tr>' . "\n" . '</table>' . "\n\n";
}
echo $output;

Code: Select all

<__script__ type="text/javascript">
function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {
// by E Michael Brandt of ValleyWebDesigns.com - Please leave these comments intact.
// version 3.0.4  
	if (bgcolor=="") {
		bgcolor="#FFFFFF";
	}
	var adj=10
	var w = screen.width;
	var h = screen.height;
	var byFactor=1;

	if(w<740){
	  var lift=0.90;
	}
	if(w>=740 & w<835){
	  var lift=0.91;
	}
	if(w>=835){
	  var lift=0.93;
	}
	if (imageWidth>w){	
	  byFactor = w / imageWidth;			
	  imageWidth = w;
	  imageHeight = imageHeight * byFactor;
	}
	if (imageHeight>h-adj){
	  byFactor = h / imageHeight;
	  imageWidth = (imageWidth * byFactor);
	  imageHeight = h; 
	}
	   
	var scrWidth = w-adj;
	var scrHeight = (h*lift)-adj;

	if (imageHeight>scrHeight){
  	  imageHeight=imageHeight*lift;
	  imageWidth=imageWidth*lift;
	}

	var posLeft=0;
	var posTop=0;

	if (hugger == "hug image"){
	  if (hugMargin == ""){
	    hugMargin = 0;
	  }
	  var scrHeightTemp = imageHeight - 0 + 2*hugMargin;
	  if (scrHeightTemp < scrHeight) {
		scrHeight = scrHeightTemp;
	  } 
	  var scrWidthTemp = imageWidth - 0 + 2*hugMargin;
	  if (scrWidthTemp < scrWidth) {
		scrWidth = scrWidthTemp;
	  }
	  
	  if (scrHeight<100){scrHeight=100;}
	  if (scrWidth<100){scrWidth=100;}

	  posTop =  ((h-(scrHeight/lift)-adj)/2);
	  posLeft = ((w-(scrWidth)-adj)/2);
 	}

	if (imageHeight > (h*lift)-adj || imageWidth > w-adj){
		imageHeight=imageHeight-adj;
		imageWidth=imageWidth-adj;
	}
	posTop = parseInt(posTop);
	posLeft = parseInt(posLeft);		
	scrWidth = parseInt(scrWidth); 
	scrHeight = parseInt(scrHeight);
	
	var agt=navigator.userAgent.toLowerCase();
	if (agt.indexOf("opera") != -1){
	  var args= new Array();
	  args[0]='parent';
	  args[1]=imageName;
	  var i ; document.MM_returnValue = false;
	  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
	} else {
	newWindow = window.open("","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
	newWindow.document.open();
	newWindow.document.write('<__html><title>'+alt+'</title></__body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' onBlur="self.close()" onClick="self.close()">');  
	newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="Click to close" />'); 
	newWindow.document.write('<__body></__html>');
	newWindow.document.close();
	newWindow.focus();
	}
}
</__script>

Code: Select all

{ImageGallery picFolder="uploads/images/yourdir/"}

Code: Select all

{ImageGallery category="Vacation 2005"}

Code: Select all

.thumb {
margin: 1em 1em 1.6em 0; /* Space between images */

Code: Select all

<ul class="imagegallery">
<li>List item</li>
<li>List item</li>
</ul>