Bonjour,
je commence à utiliser jquery depuis peu, et j'ai une question qui vous semblera sans doute très bête, mais bon... comme je suis un peu perdu et que je n'arrive pas a trouver de réponses, je la pose quand même.
Je suis en train d'essayer de réaliser un slider qui affiche du texte et une image depuis un fichier XML, jusqu'ici tout fonctionne comme je veux, sauf que je n'arrive pas à voir comment créer automatiquement un "div" à la suite "d'un autre "div" et ainsi de suite afin que les différentes informations apparaissent à la suite des autres.
Si quelqu'un peu m'expliquer comment faire ?
Aussi comment bien utiliser [code=html] pour faire apparaitre le code en couleur, je n'y suis pas arrivé
exemple ici :
http://dev.darsanha.com/developpemen.../01/index.html
voici le code :
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
27
28
29
30
31 $(document).ready(function(){$.ajax({ type: "GET", url: "news.xml", dataType: "xml", success: function(xml) { $(xml).find('item').each(function(){ var titre = $(this).find('titre').text();$('<div id="titre"></div>').html(titre).appendTo('.slider'); var texte = $(this).find('texte').text();$('<div id="texte"></div>').html(texte).appendTo('.slider'); var image = $(this).find('image').text();$('<div id="image"><img src="' + image + '" /></div>').appendTo('.slider'); }); } }); } ); $(function(){ // Création de ma variable qui fait bouger var bouge = {marginTop:"-80px",} var arrive = {marginTop:"0px",} // Mise en application de ma variable "bouge" $(".slider").delay(2000).animate(bouge,"slow"); // Mise en application de ma variable "arrive" $(".slider").delay(2000).arrive(bouge,"slow"); });
Partager