Cały kod działa na zasadzie takiej, że w php wyszukuje sobie 6 zdjęć pierwszych i ustawia je jako miniaturki, zdjęcie duże nad miniaturkami wyświetla się automatycznie te które wybraliśmy.
Teraz się właśnie nie wiem jak zrobić żeby po naciśnieciu np przycisku NEXT ustawić 6 następnych zdjęć, które zasłonią poprzednie
Link do mojej przeglądarki: http://www.krystiantoporek.cba.pl/drawi ... stroga.jpg
Kod: Zaznacz cały
$(function() {
$('.miniature ul li:first-child a img').css('opacity',0.5);
$(".miniature a").click(function(){
$('.miniature a img').css('opacity',1);
$(this).children().css('opacity',0.5);
var sciezka = $(this).attr("href");
var tytul = $(this).attr("title");
$(".big").attr({
src: sciezka,
alt: tytul
});
return false;
});
});
Kod: Zaznacz cały
<?php
include_once '../dataBase/connectDB.php';
connect();
$queryAll = "SELECT * FROM photos ";
$resultAll = mysql_query($queryAll) or die('Blad zapytania panelPhotos/photosActionClass/show');
disconnect();
echo "<div id='contentGallery'>";
echo "<div class='gallery'>";
echo "<img class='big' src='http://www.krystiantoporek.cba.pl/photos/photosGalleryB/" . $_GET['name'] . "' />";
echo "</div>";
echo "<div class='miniature'>";
echo "<ul>";
while ($r = mysql_fetch_array($resultAll)) {
echo "<li><a href='http://www.krystiantoporek.cba.pl/photos/photosGalleryB/" . $r['name'] . "' title=" . $r['name'] . "'>
<img src='http://www.krystiantoporek.cba.pl/photos/photosGalleryM/" . $r['name'] . "' alt='" . $r['name'] . "'/></a></li>";
}
echo "</ul>";
echo"</div>";
echo"<div id='exit'><a href='http://www.krystiantoporek.cba.pl/photos/photos.php'><b>WYJŚCIE</b></a></div>";
echo "</div>";
?>