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 :

Script jquery pour carousel


Sujet :

jQuery

  1. #1
    Candidat au Club
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Novembre 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2
    Points : 3
    Points
    3
    Par défaut Script jquery pour carousel
    Bonjour,

    Je suis nouveau sur le forum, je tente ma chance ici parce que j'ai eu l'occasion de trouver pas mal de réponses à certains de mes problèmes.

    L'histoire, j'ai un carousel qui fonctionne avec des miniatures. Au clic sur les miniatures l'image en grand format change.
    Les miniatures sont créées à partir du script ci-dessous.

    Quand il s'agit d'afficher une vidéo de récupérer le lien de l'image pour l'afficher en miniature ça marche.
    Maintenant vu que mon carousel contiendra aussi des vidéos il faut que la miniature générée lorsque l'on a une vidéo soit une url d'image donné.
    Voici le script avec les modifs pour mettre la condition sur les iframe vidéo.
    Mais ça ne marche pas.

    Est ce que vous voyez une erreur quelque part dans l'écriture du script ci-dessous ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    		anchorBuilder	: function( nr ) {
    			var src = $("img", this).attr( "src" );
    			var src = $("iframe", this);
    			if ($("img", this).attr( "src" ))
    				{
    			return '<img src="' + src + '" height="55" width="100"/>';
    				}
    			else ($("iframe"))
    				{ 
    				return '<img src="metiers-img/decoupe-2.jpg" height="55" width="100"/>';
    				}
    				}}
    le script complet :

    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
    $(function() {
    $("#foo").carouFredSel({
    	items		: 1,
    	scroll		: {
    		fx			: "crossfade"
    	},
    	auto		: false,
    	pagination	: {
    		container : "#pagination",
    		anchorBuilder	: function( nr ) {
    			var src = $("img", this).attr( "src" );
    			var src = $("iframe", this);
    			if ($("img", this).attr( "src" ))
    				{
    			return '<img src="' + src + '" height="55" width="100"/>';
    				}
    			else ($("iframe"))
    				{ 
    				return '<img src="metiers-img/decoupe-2.jpg" height="55" width="100"/>';
    				}
    				}}
    });
    });

  2. #2
    Candidat au Club
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Novembre 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2
    Points : 3
    Points
    3
    Par défaut
    Bon désolé de vous avoir embêter !
    Problème résolu.
    La deuxième variable était inutile.

    Le code correct :
    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
     
    <script type="text/javascript">
    $(function() {
    $("#foo").carouFredSel({
    	items		: 1,
    	scroll		: {
    		fx			: "crossfade"
    	},
    	auto		: false,
    	pagination	: {
    		container : "#pagination",
    		anchorBuilder	: function( nr ) {
    			var src = $("img", this).attr( "src" );
    			if ($("img", this).attr( "src" ))
    				{
    			return '<img src="' + src + '" height="55" width="100"/>';
    				}
    			else ($("iframe"))
    				{ 
    			return '<img src="metiers-img/decoupe-2.jpg" height="55" width="100"/>';
    				}
    				}}
    });
    });   
    </script>

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

Discussions similaires

  1. [Plugin] Amélioration d'un script jquery pour lecteur audio html5
    Par lemirandais dans le forum jQuery
    Réponses: 0
    Dernier message: 16/08/2013, 12h29
  2. Réponses: 7
    Dernier message: 27/11/2011, 00h51
  3. Script oracle pour windows & unix
    Par ALLFA dans le forum Oracle
    Réponses: 2
    Dernier message: 05/07/2005, 15h52
  4. Script sql pour exporter BD de sql server vers access
    Par kayser dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 17/12/2004, 16h48

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