IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Slider jquery xml


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Novembre 2011
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Novembre 2011
    Messages : 1
    Par défaut Slider jquery xml
    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");
    });

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Je crois qu'il y a une petite bogue.

    $(".slider").delay(2000).arrive(bouge,"slow");

    $(".slider").delay(2000).animate(arrive,"slow");.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. sliders jquery: visualisation du fond entre les images
    Par lena5 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 03/01/2011, 09h08
  2. Réponses: 2
    Dernier message: 21/12/2010, 10h58
  3. Slider jQuery ultra basique
    Par jaipacompri dans le forum jQuery
    Réponses: 2
    Dernier message: 30/04/2010, 06h56
  4. Vertical slider JQuery
    Par jimmplan dans le forum jQuery
    Réponses: 2
    Dernier message: 03/09/2009, 12h59
  5. [jQuery + XML] conversion en html
    Par benji07 dans le forum jQuery
    Réponses: 20
    Dernier message: 05/05/2008, 16h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo