Blog (20)
Komentarze (368)
Recenzje (0)
@djgrzenioBardzo prosta galeria w PHP

Bardzo prosta galeria w PHP

08.04.2011 10:53

Moja galeria opiera sie o jedna funkcje generujaca liste plikow i o fancybox. Do poprawnego działania samu musimy zrobic sobie miniaturki grafik ktore beda sie pokazywac na stronie a po ich kliknieciu pokaze sie powiekszenie

w czesci head musimy dorzucic jquery i fancybox. ponizej przyklad dla fancybox

<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

moja funkcja ktora generuje galerie:

<?php
	function galeria($tytul,$katalog) {
		echo "<h2>Galeria - ".$tytul."</h2>\n";
		echo "<script type=\"text/javascript\">\n";
		echo "	$(document).ready(function() {\n";
				
		echo "		$(\"a[rel=".$katalog."]\").fancybox({\n";
		echo "			'transitionIn'		: 'none',\n";
		echo "			'transitionOut'		: 'none',\n";
		echo "			'titlePosition' 	: 'over',\n";
		echo "			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {\n";
		echo "				return '<span id=\"fancybox-title-over\">zdj¦Öcie ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';\n";
		echo "			}\n";
		echo "		});\n";
				
		echo "	});\n";
		echo "</script>\n";
		
		echo "<div class=\"galeria-txt\">\n";
		$dir = opendir("img/gallery/".$katalog);
		while (($file = readdir($dir)) !== false)
			{
			 if($file=='.' || $file=='..' || $file=='thumbs')
			 {
				 continue; 
			 }
				echo "<a rel="nofollow" rel=\"".$katalog."\" href=\"/img/gallery/".$katalog."/".$file."\"><img src=\"/img/gallery/".$katalog."/thumbs/".$file."\" alt=\"\" /></a>\n";
			}
		closedir($dir);
		echo "</div>\n";
	}
	

?>

odpalenie funkcji w pliku w sekcji body, w moim przypadku 2 galerie



		<div class="galeria">
			<?php
				galeria("marzec 2011","marzec2011");
				galeria("budowa","budowa");
			?>
		</div>
Wybrane dla Ciebie
Komentarze (1)