Hola:
Mi problema viene por que quiero poner dos rotores de imagenes en mi web.
He conseguido hacerlos funcionar por separado, pero no consigo hacerlos funcionar los dos juntos.
Creo que el problema viene por los javascript.
Os pongo los dos encabezamiento a ver si dais con la solución y las url de donde salieron:
http://www.ajaxshake.com/demo/ES/108...jflowplus.html
Código Javascript
:
Ver original<link href="styles/jflow.style.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="scripts/jflow.plus.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlider", // must be id, use # sign
slides: "#mySlides", // the div where all your sliding divs are nested in
selectedWrapper: "jFlowSelected", // just pure text, no sign
effect: "flow", //this is the slide effect (rewind or flow)
width: "940px", // this is the width for the content-slider
height: "300px", // this is the height for the content-slider
duration: 400, // time in milliseconds to transition one slide
pause: 5000, //time between transitions
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext", // must be class, use . sign
auto: true
});
});
</script>
El segundo es este:
http://www.egrappler.com/contents/js...usel-2.0.0.htm
Código Javascript
:
Ver original<script src="jsCarousel2.0.0/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="jsCarousel2.0.0/jsCarousel-2.0.0.js" type="text/javascript"></script>
<link href="jsCarousel2.0.0/jsCarousel-2.0.0.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('#carouselh').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, circular: true, masked: false, itemstodisplay: 5, orientation: 'h' });
});
</script>