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>