Może nie jest to jakieś profesjonalne zastosowanie, robiłem to dla własnych potrzeb i działa, więc swój cel osiągnąłem
galeria.php
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title>Galeria</title>
<link rel="stylesheet" href="style/style.css" type="text/css" />
<script type="text/javascript" src="javascript/highslide-with-gallery.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script type="text/javascript">
hs.graphicsDir = 'javascript/images/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
</head>
<?php
include 'banner.php' ;
?>
<div id="gora">
</div>
<div id="srodek">
<div id="tresc3">
<?php
$directory="galeria/zdjecia/"; //katalog z albumami
$file_list="<div id='albumy'><table>
<tr>";
while (false !== ($file_name = readdir($dir))) {
$pliki[count($pliki)]=$file_name; }
foreach($pliki as $file_name)
{
if(($file_name!=".")&&($file_name!=".."))
{
$file_list.='<td><a class="podpowiedz" href="galeria.php?nazwa_albumu='.$file_name.'"><img src="'.$directory.'/'.$file_name.'/mini/miniaturka.jpg" alt="BRAK MINIATURKI" /><span>'.$file_name.'</span></a></td>'; // file_name- nazwa albumu, directory-ścieżka albumu
}
}
$file_list.="</tr></table></div>";
<font size='6px' color='brown'><b>Albumy</b></font>
$file_list";
echo "<br><font size='6px' color='brown'><b>Zdjęcia</b></font><br>"; ?>
<?php
$nazwa_albumu = $_GET['nazwa_albumu']; //pobieranie nazwy albumu
$directory='galeria/zdjecia/'.$nazwa_albumu.'/'; //katalog z wybanymi zdjęciami
{
if(($file_name!=".")&&($file_name!=".."))
{
if(filetype($directory . $file_name) == 'file') {
$img = 'galeria/zdjecia/'.$nazwa_albumu.'/'.$file_name; //ścieżka zdjęcia
$mini = 'galeria/zdjecia/'.$nazwa_albumu.'/mini/thumb1-'.$file_name; //ścieżka miniaturki (każda miniaturka ma dopisane thumb1- + nazwa głównego obrazka)
echo '<a href="'.$img.'" class="highslide" onclick="return hs.expand(this)" title="Zdjęcie: '.$file_name.'"><img src="'.$mini.'" alt="obrazek" /></a>'; //wyświetlanie zdjęć z efektem highslide }
}
}
?>
<br><br><br><br>
</div>
</div>
<div id="dol"></div>
</div>
<?php
include 'stopka.php' ;
?>
Do wyświetlania zdjęć użyłem tego:
http://itporady.pl/html-css/prosty-skrypt-...ktem-highslide/PS. Do wyświetlania miniaturek możesz po prostu zrobić coś takiego:
$mini = 'galeria/zdjecia/'.$nazwa_albumu.'/'.$file_name;
echo '<a href="'.$img.'" class="highslide" onclick="return hs.expand(this)" title="Zdjęcie: '.$file_name.'"><img src="'.$mini.'" width="45px" height="35px" alt="obrazek" /></a>';
Gdzie width i height odpowiadają za szerokość i wysokość miniaturki