Bonjour,
J'ai découvert ce site par l'intermédiaire de l'excellent tuto sur le carouFredSel.
J'ai donc décidé d'adapter cela sur un site.
Le problème vient de mes petites images de pagination qui sont identiques:
J'ai pourtant bien relu mon code que voici :
<html>
<script type="text/javascript" language="javascript">
$(function() {
// Scrolled by user interaction
$('#carrousel600').caroufredsel({
direction: 'up',
scroll: {
fx: 'crossfade'
},
pagination : {
container : '#pagination',
anchorBuilder : function( nr,item ) {
var src = $('img',item).attr( 'src' );
src = src.replace( '600/250', '100/100' );
return '<img src="' + src + '" />';
}
}
});
});
</script>
<div class="carrousel" id="carrousel600">
<div class="slide600">
<a href="#">
<img src="http://lorempixel.com/600/250/sports/2/">
</a>
<span class="info_slide600">text 1</span></div>
<div class="slide600">
<a href="#">
<img src="http://lorempixel.com/600/250/sports/1/">
</a>
<span class="info_slide600">text 2</span></div>
<div class="slide600">
<a href="#">
<img src="http://lorempixel.com/600/250/sports/3/">
</a>
<span class="info_slide600">text 3</span></div>
<div class="slide600">
<a href="#">
<img src="http://lorempixel.com/600/250/sports/4/">
</a>
<span class="info_slide600">text 4</span></div>
</div>
<div id="pagination"></div></html>
Est-ce que vous voyez d'où peut venir le souci?
Merci d'avance!
Ben036