Discussion :

[pierrot10]

Bonjour,
Je cherche un truc pas trop compliqué

J'ai cette structure HTML

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<ul id="slider">
<li>
<figure>
<img src="image.jpg" alt="Mon image" />
</figure>
</li>
<li>
<figure>
<img src="image2.jpg" alt="Mon image2" />
</figure>
</li>
</ul>

Je souhaite fficher le alt de mon image, mais je n'arrive pas à pointer le alt

J'ai donc ensuite ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
$(document).ready(function() {
 
    $('ul#slider').cycle({ 
      	fx	: 'fade',
      	next	: 'ul#slider',
      	timeout	: 0,
      	speed	: 'slow', 
      	animOut : {right:0},
      	before	: function(){
			alert(this.alt);
      		}, 
      	after	: function(){
			alert(this.alt);
		},
      	pager	: '#picsNumber',
      	pagerAnchorBuilder: function(idx, slide) { 
	  idx=idx+1;
 
	  return '<li class="li_' + idx +'"><a href="#">' + idx + '</a></li>'; 
    	} 
 
 
 
    });
  })

je dois modifié ceci : alert(this.alt);

J'ai essayé plusieurs truc com

alert(this.li.figure.img.alt)
alert($(this).find(alt);
alert($(this)+'li'+'figure'+'img').alt)

Bref, je flotte un peu sur une solution

[pierrot10]

J'ai trouvé
Comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
before	: function(){
 
$('#photographe').html($(this).find("img").attr("alt"));
}