Tema: no Puedo colocar dos plugins jquery slider en una misma pagina
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/11/2011, 16:46
haroldocon
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 12 años, 5 meses
Puntos: 0
no Puedo colocar dos plugins jquery slider en una misma pagina
¿Como puedo colocar dos plugins slider tipo jquery en una misma pagina web pero con distinto contenido? mi codigo es el siguiente

<head>
<meta charset="utf-8">

<title>AnythingSlider Video Demo</title>

<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>

<!-- Demo stuff -->
<link rel="stylesheet" href="demos/css/page.css">

<!-- Anything Slider optional plugins, but needed so the embeded video controls will work in IE -->
<!-- http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js -->
<script src="js/swfobject.js"></script>

<!-- Anything Slider -->
<link rel="stylesheet" href="css/anythingslider.css">
<script src="js/jquery.anythingslider.js"></script>


<!-- AnythingSlider video extension; optional, but needed to control video pause/play -->
<script src="js/jquery.anythingslider.video.js"></script>

<script>
// DOM Ready
$(function(){
$('#slider').anythingSlider({
resizeContents : true,
addWmodeToObject : 'transparent',
navigationFormatter : function(index, panel){ // Format navigation labels with text
return ['Dug Dugs', 'Sr Bikini', 'Cuarto Blanco', 'Blueswalkers', 'La Serpiente Elastica', 'Confort Sureño', 'Hikuri', 'Lila Downs', 'Javier Batiz'][index - 1];
}
});
});
</script>

<script>
// DOM Ready
$(function(){
$('#slider2').anythingSlider({
resizeContents : true,
addWmodeToObject : 'transparent',
navigationFormatter : function(index, panel){ // Format navigation labels with text
return ['Dug Dugs', 'Sr Bikini', 'Cuarto Blanco', 'Blueswalkers', 'La Serpiente Elastica', 'Confort Sureño', 'Hikuri', 'Lila Downs', 'Javier Batiz'][index - 1];
}
});
});
</script>

</head>

<ul id="slider">


<!-- YouTube: Embedded -->
<li class="panel2"><object width="480" height="385"><param name="movie" valuehttp://www.youtube.com/v/x2EJliEcG5Y?version=3&amp;hl=es_MX=""></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/x2EJliEcG5Y?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel3"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/BEk4E2jkxDA?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BEk4E2jkxDA?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel4"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/-9mgnKHcQrg?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-9mgnKHcQrg?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel5"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/GS5Lazp8rwU?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GS5Lazp8rwU?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel6"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/9dPlmz57kDc?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9dPlmz57kDc?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel7"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/IsXwRm7nD6k?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/IsXwRm7nD6k?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel8"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/fDtxr3PesWg?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fDtxr3PesWg?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel9"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/ZpuBiBPu2hA?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ZpuBiBPu2hA?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>
</ul>

<ul id="slider2">

<!-- YouTube: Embedded -->
<li class="panel1"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/D84q0KlbSRM?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D84q0KlbSRM?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel2"><object width="480" height="385"><param name="movie" valuehttp://www.youtube.com/v/x2EJliEcG5Y?version=3&amp;hl=es_MX=""></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/x2EJliEcG5Y?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel3"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/BEk4E2jkxDA?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BEk4E2jkxDA?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="pane4"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/-9mgnKHcQrg?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-9mgnKHcQrg?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel5"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/GS5Lazp8rwU?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GS5Lazp8rwU?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

<!-- YouTube: Embedded -->
<li class="panel6"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/9dPlmz57kDc?version=3&amp;hl=es_MX"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9dPlmz57kDc?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>

</ul>
</body>

</html>

Agradezco su ayuda...