Cómo relizar este Slide

rcarba · #1 (**permalink**) 23/11/2012, 12:17

Buenas tardes.
Mi nombre es Rubén y he decido hacerme miembro para solicitar ayuda y proporcionar la que pueda.

Resulta que quiero realizar un slider para mi web pero no consigo hacer que funcione.
El slide que quiero es el siguiente: http://bxslider.com/

Me he descargado el .zip con lo archivos necesarios y he creado un nuevo html dentro de la carpeta descomprimida con el siguiente código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="jquery.bxslider.min.js"></script>

<link href="jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
<ul class="bxslider">
<li><img src="/images/slide/01.jpg" /></li>
<li><img src="/images/slide/02.jpg" /></li>
<li><img src="/images/slide/03.jpg" /></li>
<li><img src="/images/slide/04.jpg" /></li>
</ul>
</body>
</html>

¿Me podrían indicar el código exacto para que funcione?
Gracias.

memoadian · #2 (**permalink**) 23/11/2012, 13:56

pues solo te faltaría añadir el JQuery necesario

Código Javascript:

Ver original<script type="text/javascript">
    $(document).ready(function(){
        $('.bxslider').bxslider();
    });
</script>

lee la doc, ahí debe decir.

rcarba · #3 (**permalink**) 23/11/2012, 15:56

¿Y donde he de colocar ese código?
¿Debajo del javascript anterior?

Gracias.

memoadian · #4 (**permalink**) 23/11/2012, 17:34

dentro de head esta bien.

rcarba · #5 (**permalink**) 26/11/2012, 05:40

El código final sería este, pero no sé por qué no me funciona.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="jquery.bxslider.min.js"></script>

<link href="jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxslider();
});
</script>
</head>
<body>
<ul class="bxslider">
<li><img src="/images/slide/00.jpg" /></li>
<li><img src="/images/slide/01.jpg" /></li>
<li><img src="/images/slide/02.jpg" /></li>
</ul>
</body>
</html>

¿Pueden indicarme que estoy haciendo mal?
Gracias

rcarba · #6 (**permalink**) 29/11/2012, 04:58

Ya encontré la solución.
Pueden cerrar el tema.
Gracias.

Carlangueitor · #7 (**permalink**) 29/11/2012, 17:32

¿Y si cuentas lo que hiciste par solucionarlo?

Saludos

memoadian · #8 (**permalink**) 02/12/2012, 17:24

Cita:

Iniciado por Carlangueitor

¿Y si cuentas lo que hiciste par solucionarlo?

Saludos

Oh vamos, colocar las cosas como deben ir, eso es todo.

yessenines · #9 (**permalink**) 14/02/2013, 22:49

Cita:

Iniciado por rcarba

Ya encontré la solución.
Pueden cerrar el tema.
Gracias.

Porfaaa si la has encontrado podrías indicar la solución??

Gracias!!

yessenines · #10 (**permalink**) 14/02/2013, 22:51

Es que estoy con el mismo problema con el mismo slider