Foros del Web » Programando para Internet » Jquery »

no Puedo colocar dos plugins jquery slider en una misma pagina

Estas en el tema de no Puedo colocar dos plugins jquery slider en una misma pagina en el foro de Jquery en Foros del Web. ¿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"> ...
  #1 (permalink)  
Antiguo 01/11/2011, 16:46
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 13 años, 1 mes
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...

Etiquetas: slider
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:01.