jQuery mostrare alt immagine al click...

[gleenk]

Ciao ragazzi, quello che sto cercando di fare è che quando clicco su una tab mi si apre il corrispettivo box e mi viene mostrato l'alt dell'immagine presente sotto forma di descrizione in piccolo sotto la foto. Quello che non riesco a fare è far apparire la descrizione corrispondente all'immagine presente nel box. Vi posto il codice intero...
Così com'è fa (ovviamente) apparire TUTTE le descrizioni delle immagini presenti nei tab.

$(document).ready(function() {
    $('.tabsbob div').hide();
    $('.tabul a').click(function(){
        var tabula = $(this).attr('rel');
        $('#' + tabula).slideDown();
        
        $('div#img-description').remove();
        var altImg = $('.tabsbob img').attr('alt');
        $('.tabsbob div').append('<div id="img-description">' +altImg+ '</div>');
        return false;
        });
        
    $('a.slideUp').click(function(){
        $(this).parent().slideUp();
        });
  });

[mxa]

Bisogna che posti anche parte dell'HTML della pagina per capire come sono correlati i .tabsbob e .tabul.

[gleenk]

al momento nn ho sottomano il codice comunque
tabul è il div che contiene la lista con le voci di menù
secondo la discendenza -> tabul ul li a
tabsbob invece è un div che si trova sotto e al di fuori di tabul in cui ci sono i div contenitori che si "aprono" a tab.
se non ti basta appena ho sottomano il codice (stasera) lo posto, grazie!
ps: cmq ho scoperto che serve usare la funzione each ma non so come si usi

[gleenk]

ecco:

<div class="tabul">
	<ul>
		[*]Capra
		[*]Lemure
		[*]Zebra
        <br style="clear:both;" />
	[/list]
</div>
<div class="tabsbob">
	<div id="voce1">
    [img]capra.jpg[/img]

    SlideUp
    </div>
    
    <div id="voce2">
    [img]lemure.jpg[/img]

    SlideUp
</div>
    
    <div id="voce3">
    [img]zebra.jpg[/img]

    SlideUp
    </div>
</div>

[mxa]

Essendo che tu comunque vuoi visualizzare la descrizione solo per l'immagine che e' visibile potresti fare una semplice modifica al tuo codice e dovrebbe funzionare:

$(document).ready(function() {
    $('.tabsbob div').hide();
    $('.tabul a').click(function(){
        var tabula = $(this).attr('rel');
        $('#' + tabula).slideDown();
        
        $('div#img-description').remove();
        var altImg = $('.tabsbob img:visible').attr('alt');
        $('.tabsbob div').append('<div id="img-description">' +altImg+ '</div>');
        return false;
        });
        
    $('a.slideUp').click(function(){
        $(this).parent().slideUp();
        });
  });

[gleenk]

ottimo, però se apro 2 div insieme mi mostra la stessa descrizione sotto a tutte le immagini

[mxa]

Originariamente inviato da gleenk
ottimo, però se apro 2 div insieme mi mostra la stessa descrizione sotto a tutte le immagini

Scusa, dalla tua spiegazione non avevo capito bene, e dal codice mi e' sfuggito che piu' di un div poteva essere aperto.

ma #img-description di preciso dove sta?

(<br style="clear:both;" /> non serve, e anzi, e' anche orrendo... Se hai il problema che i li sono floatati e quindi l'ul non ha un'altezza usa overflow:hidden nel css dell'ul)