Mam spoty problem ponieważ jestem zielony z jQuery ale uparłem się na korzystanie z tego rozwiązania.
Robię galerię w formie karuzeli. Zmianę zdjęć obsługuję poprzez Jquery , działa fajnie. Pod każdym obrazem wczytuje jego różne wersje - też działa jquery.
function onAfter() { var idphoto= this.alt; //wyświetlanie dużych zdjęć w karuzeli data ="idphoto=" + idphoto + "&funkcja=1"; $.ajax({ type: "POST", data: data, url: "response.php", success: function(response){ $('#wersje').html(response) } }); //wyświetlanie miniatur wersji dla danego zdjęcia data2 ="idphoto=" + idphoto + "&funkcja=2"; $.ajax({ type: "POST", data: data2, url: "response.php", success: function(response){ $('#opis').html(response) } }); }
a teraz próbuje zrobić funkcjonalność którą mi ciężko opisać: ale po krótce, po kliknięciu w jedną z miniatur która jest jedną z wersji duże zdjęcia wyświetlonego w karuzeli. Na dużej karuzeli zamiast zdjęć pojawią się same wersje zdjęcia, dla którego wybraliśmy wersje z miniatur.
Próbuje zrobić to w ten sposób:
$('#pokazWersje').live("click", function(){ alert(this.alt); var idphoto= this.alt; // tu nie przekazuje id :( data3 ="idphoto=" + idphoto +"&funkcja=3"; $.ajax({ complete:function(){location.reload()}, type: "POST", data: data3, url: "response.php", success: function(response){ $('#temp').html(response) } }); });
a tak wygląd część html z miniaturami z których chcę pobrać idphoto
.. łączenie z bazą itd.. echo '<td width="150px", align="center"><div id="pokazWersje"><img src="'.$link.'" width="80" height="80" alt="'.$idphoto.'" />'.$rodzaje.' </div></td>';
Z góry dziękuje za pomoc.