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:
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:
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"/>';
}
}}
});
}); |
