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 :

cloud caroussel + attribut title


Sujet :

jQuery

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 42
    Par défaut cloud caroussel + attribut title
    Bonjour,

    J'ai intégré le formidable caroussel"cloud caroussel"
    et je souhaite juste modifier l'affichage du texte de chaque image.
    via l'attribut title de la balise <img.../>
    Savez-vous comment afficher cette description dans un bloc "div" pour chaque image ?

    La solution est autour de la ligne 142 du fichier .js mais je n'emploi pas la bonne méthode pour "appeler" ma "div" à la place de l'attribut title :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $(options.titleBox).html(($(event.target).attr('title') ));
    Merci bcp pour votre aide.
    Ps: fichier js joint
    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
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
     
    <html>
    <head>
     
    <!-- You can load the jQuery library from the Google Content Network.
    Probably better than from your own server. -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     
    <!-- Load the CloudCarousel JavaScript file -->
    <script type="text/JavaScript" src="/js/cloud-carousel.1.0.0.js"></script>
     
    <script>
    $(document).ready(function(){
     
    	// This initialises carousels on the container elements specified, in this case, carousel1.
    	$("#carousel1").CloudCarousel(		
    		{			
    			xPos: 128,
    			yPos: 32,
    			buttonLeft: $("#left-but"),
    			buttonRight: $("#right-but"),
    			altBox: $("#alt-text"),
    			titleBox: $("#title-text")
    		}
    	);
    });
     
    </script>
     
    </head>
        <body>
        	<!-- This is the container for the carousel. -->
            <div id = "carousel1" style="width:256px; height:128px;background:#000;overflow:scroll;">            
                <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
                <!-- You can place links around these images -->
                <img class = "cloudcarousel" src="/images/carousel/flags/flag1.png" alt="Flag 1 Description" title="Flag 1 Title" /><div id="description1"></div>
                <img class = "cloudcarousel" src="/images/carousel/flags/flag2.png" alt="Flag 2 Description" title="Flag 2 Title" />
                <img class = "cloudcarousel" src="/images/carousel/flags/flag3.png" alt="Flag 3 Description" title="Flag 3 Title" />
                <img class = "cloudcarousel" src="/images/carousel/flags/flag4.png" alt="Flag 4 Description" title="Flag 4 Title" />
            </div>
     
            <!-- Define left and right buttons. -->
            <input id="left-but"  type="button" value="Left" />
            <input id="right-but" type="button" value="Right" />
     
            <!-- Define elements to accept the alt and title text from the images. -->
            <p id="title-text"></p>
            <p id="alt-text"></p>
        </body>
    </html>
    Fichiers attachés Fichiers attachés

Discussions similaires

  1. Référencement : attribut "title" des balises h
    Par prome dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/10/2007, 14h02
  2. Question sur l'attribut "title"
    Par kevinf dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 22/09/2007, 17h58
  3. saut de ligne dans un attribut title
    Par youness78 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 26/07/2007, 01h48
  4. Attribut "title" tronqué sous Firefox
    Par Rakken dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 07/02/2007, 21h25
  5. balise option et attribut title
    Par marti dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 26/12/2005, 19h55

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