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 :

Constituer un tableau de tous les attributs X


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Septembre 2004
    Messages
    387
    Détails du profil
    Informations forums :
    Inscription : Septembre 2004
    Messages : 387
    Par défaut Constituer un tableau de tous les attributs X
    Bonjour à tous.

    Je souhaite précharger toute les images correspondante au attribut data-original-b de mes images
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <img src="a.gif" data-original-b="b.gif">
    <img src="3c21.gif" data-original-b="ew45.gif">
    <img src="asd654.gif" data-original-b="6qw5er46.gif">

    Pour cela

    Je pensais utiliser
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function preload(arrayOfImages) {
        $(arrayOfImages).each(function(){
            $('<img/>')[0].src = this;
            // Alternatively you could use:
            // (new Image()).src = this;
        });
     
    }
    preload([
        'image1.gif',
        'image1.gif'
    ]);
    Mais plutot que de définir manuellement le preload([
    'image1.gif',
    'image1.gif'
    ]);

    J'aimerais constituer un tableau qui récupère les tous les éléments data-original-b.
    Suis je clair?

  2. #2
    Invité
    Invité(e)
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('img[data-original-b]').each(function() {
        // `this` is the img
    });
    Dernière modification par Bovino ; 29/04/2014 à 14h04. Motif: Merci d'utiliser la balise [code] (bouton "#") de l'éditeur !

  3. #3
    Membre éclairé
    Inscrit en
    Septembre 2004
    Messages
    387
    Détails du profil
    Informations forums :
    Inscription : Septembre 2004
    Messages : 387
    Par défaut Un grand merci
    Merci beacuoup.

    Du coup J'essaye de constituer mon tableau
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
        	var listing_preload;
        	listing_preload="";
    		$('img[data-original-b]').each(function(index) {
    			console.log($(this).attr('data-original-b'));
    			console.log(index);
    			listing_preload[index] = "'" + $(this).attr('data-original-b')+ "'";
     
    		}); 
    	console.log(listing_preload);
    Mais cela ne fonctionne pas?

  4. #4
    Membre éclairé
    Inscrit en
    Septembre 2004
    Messages
    387
    Détails du profil
    Informations forums :
    Inscription : Septembre 2004
    Messages : 387
    Par défaut Solution
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    listing_preload = new Array();
    		$('img[data-original-b]').each(function(index) {
    			console.log($(this).attr('data-original-b'));
    			console.log(index);
    			listing_preload[index] = $(this).attr('data-original-b');
    		}); 
    	console.log(listing_preload);
    	preload(listing_preload);

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Une autre solution consiste à créer des sélecteurs personnalisés, ce qui tombe bien, j'avais justement écris un article là-dessus avec comme exemple de mise en oeuvre les attributs data-*.
    Créer des sélecteurs jQuery personnalisés.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 08/02/2007, 11h39
  2. [Tableaux] Lister tous les attributs d'un annuaire LDAP
    Par bob.marley dans le forum Langage
    Réponses: 1
    Dernier message: 25/08/2006, 18h37
  3. [JDOM] Récupérer tous les attributs d'un élément
    Par ammah dans le forum Format d'échange (XML, JSON...)
    Réponses: 2
    Dernier message: 21/06/2006, 17h05
  4. [MySQL] 1 seul tableau pour tous les résultats de requetes
    Par oceane751 dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 25/05/2006, 20h12
  5. Réponses: 7
    Dernier message: 08/01/2005, 13h24

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