[jQuery] dostęp do zmiennej obrazka Opcje

[mercii]

Witam
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.

[PHP] pobierz, plaintext 
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)
   }
  });	   
 
}
[PHP] pobierz, plaintext 

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:

[PHP] pobierz, plaintext 
$('#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)
   }
  });	
});
 
[PHP] pobierz, plaintext 

a tak wygląd część html z miniaturami z których chcę pobrać idphoto

[PHP] pobierz, plaintext 
.. łą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>';
[PHP] pobierz, plaintext 

Z góry dziękuje za pomoc.

[mortus]

Element o identyfikatorze pokazWersje to nie obrazek (img), a kontener (div), który nie posiada atrybutu alt. Zresztą nie jestem do końca pewien, czy konieczne jest tutaj użycie identyfikatora i czy nie lepiej będzie skorzystać z klasy. W każdym bądź razie dostęp do atrybutu alt obrazka po kliknięciu w div możesz uzyskać tak:

[JAVASCRIPT] pobierz, plaintext 
var idphoto = this.find('img').attr('alt');
[JAVASCRIPT] pobierz, plaintext 

Jeśli w tym div-ie będzie więcej obrazków, to niestety skrypt nie zadziała, bo nie wiadomo, który obrazek został kliknięty. Jeśli masz kilka takich div-ów pokazWersje, to jest to błąd składni HTML, bo w dokumencie może istnieć tylko jeden element o określonym id. Oczywiście ten błąd będzie skutkował błędnym działaniem skryptu JS. Może lepiej będzie przypisać zdarzenie 'click' obrazkowi:

[JAVASCRIPT] pobierz, plaintext 
$('img').live('click', function() {
 var idphoto = this.attr('alt');
 // reszta skryptu
}
[JAVASCRIPT] pobierz, plaintext 

Jeszcze innym błędem jest umieszczanie elementu blokowego <div> w komórce tabeli <td>, tego nie powinno się robić. No i po co te tabele?

Ten post edytował mortus 20.11.2011, 10:41:07