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 :

Récupérer SRC images


Sujet :

jQuery

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2013
    Messages : 3
    Par défaut Récupérer SRC images
    Bonjour,
    J'ai un code sous cette forme

    Code html : 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
    <div class="beforeafter"> 
       <div class="before"> 
             <img src="http://monsite.fr/monimage1.jpg"> 
       </div> 
       <div class="after"> 
            <img src="http://monsite.fr/monimage2.jpg"> 
      </div> 
    </div> 
     
    <div class="beforeafter"> 
       <div class="before"> 
             <img src="http://monsite.fr/monimage3.jpg"> 
       </div> 
       <div class="after"> 
            <img src="http://monsite.fr/monimage4.jpg"> 
      </div> 
    </div>

    Et je voudrais pouvoir récupérer en Javascript les liens de mes images 1/2/3/4 en gardant le fait que la 1 vas avec la 2 et la 3 avec la 4. Je ne sais pas combien de div il y a comme ça, 0,1 ou n.

    Je me suis donc mis a regarder le JQUERY et j’ai voulu effectuer quelques test, sauf que ça ne marche pas comme je veux, si un connaisseur peu jeter un coup d'oeil ce serais super c'est vraiment basique comme actions
    Voila ma page:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <span id="texteJQ"></span>
     
    <div id=testJQ>
    <img src="http://***1.jpg"/>
    <img src="http://***2.jpg"/>
    </div>

    En mettant en script:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var texte="hello world";
    $("#texteJQ").append(texte);
    Mon span texteJQ contient le texte "hello world" donc l'affichage fonctionne , ensuite j'ai testé ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("img").each(function(){
    $("#texteJQ").append(this.src);
    });
    En pensant que ça allais rajouter dans mon span tous les liens des images(les src) de ma page mais ça n'affiche rien...

    Si quelqu'un a une solution ou une piste je suis preneur.
    Merci d'avance

    Edit: je travaille sous ezpublish et je n'avais pas pensé a mettre les balises {literal} autour de mon script... du coup le dernier script marche, je fait des test pour récuperer les src des images mais je suis toujours preneur pour une solution plus propre si elle existe

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("img").each(function(){
    $("#texteJQ").append($(this).prop('src'));
    });
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2013
    Messages : 3
    Par défaut
    C'est bon j’ai réussit, si ça intéresse voila mon code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     var lienbefore;
            var lienafter;
            var nom;
            var height=0;
            var width=0;
     
            $(".beforeafter").each(function(){
     
                lienbefore=$(this).find('.before img').attr('src');
                lienafter=$(this).find('.after img').attr('src');
                height=$(this).find('.after img').height();
                width=$(this).find('.after img').width();
              });

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

Discussions similaires

  1. [Mpeg4] récupérer une image d'un flux MPEG4.
    Par Drizztrobber dans le forum Multimédia
    Réponses: 10
    Dernier message: 19/03/2007, 10h01
  2. Récupérer une image JPEG à partir d'une vidéo
    Par kurul1 dans le forum C++Builder
    Réponses: 8
    Dernier message: 09/08/2006, 10h51
  3. récupérer une image du presse papier
    Par amelhog dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 09/08/2005, 10h18
  4. [Swing] récupérer une image d'un composant
    Par klemouf dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 16/09/2004, 10h24
  5. Récupérer 1 image insérée ds 1 contrôle "Picture"
    Par Yacine95000 dans le forum MFC
    Réponses: 18
    Dernier message: 05/08/2004, 18h08

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