11540 sujets

JavaScript, DOM et API Web HTML5

Galerie en javascript

Bonjour,

Je vient vous voir pou un truc un peu particulier. En faite je fait ma galerie, c'est pas la première fois mais la j'ai un soucis car ma structure html n'est pas la même que mes précédente galerie .

Voici ma structure html :
<div id="gallery">
				<h1>Featured article</h1>
				<div class="gallery">
					<img src="img/news.png" title="Race Driver Grid ultimate test" />
				</div>
				<div class="gallery">
					<img src="img/news.png" title="Race Driver Grid ultimate test" />
				</div>
				<div class="gallery">
					<img src="img/news.png" title="Race Driver Grid ultimate test" />
				</div>
				<div class="footer">
					<p class="footer_gallery">
						Race Driver Grid ultimate test
					</p>
					<p class="boutton_gallery" />
						<a href="#"><img src="images/boutton_gallery.png" /></a>
						<a href="#"><img src="images/boutton_gallery.png" /></a>
						<a href="#"><img src="images/boutton_gallery_active.png" /></a>
						<a href="#"><img src="images/boutton_gallery.png" /></a>
						<a href="#"><img src="images/boutton_gallery.png" /></a>
					</p>
				</div>
			</div>


Alors j'ai une div qui a l'id gallery , elle contient la galerie et dedans j'ai d'autre div qui on la class gallery et celle ci contienne les images de ma galerie.

Je voudrais en javascript compter le nombre de div avec la class gallery dans la div qui a la class id. Pour ensuite afficher la première, puis la seconde etc etc...

Merci
La fonction jquery length() (ou size())te donnera le nombre d'éléments.
Tu peux itérer avec each()
salut,

Le truc c'est que quand je fait $("#gallery").find(".gallery").length();

ça fait planter mon script, si je place un alert juste après cette ligne il ne s'affiche pas...
Bonjour,

En réalité, length est une propriété, et non une méthode.

Essaie avec quelquechose du genre :


var nb = $('div.gallery', '#gallery').length;

Modifié par biouchy (15 May 2010 - 13:20)
Super merci ça marche,

Voila ou j'en suis :

jQuery().ready(function(){

	$('div.gallery','#gallery').hide();
	var nb = $('div.gallery', '#gallery').length;
	$('div.gallery:first','#gallery').fadeIn();
	var titre = $('div.gallery:first img','#gallery').attr("title");
	$(".footer_gallery").append(titre);
});


En faite je cherche en ce moment a savoir comment gérer les différentes images, car sélectionner la premiére c'est facile mais après comment calculer sur quel bouton le membre clique pour afficher l'image correspondante Oo .
Enfin je vais chercher par la.
Sujet clos
Aller à