No me carga el slider

quad22 · #1 (**permalink**) 13/08/2015, 00:56

Estoy haciendo un slider en dreamweaver.

He implementado dentro del <body> las imágenes, los tres llamamientos a scripts (a las librerías jquery-latest.min.js y jquery.slides.min.js y al javascript que lanza el slider)... pero no sale el slider.

He revisado todo el código y no veo nada mal. No sale ni en Chrome ni en Firefox (sólo las imágenes una encima de la otra... porque no hay lanzamiento).

El código del lanzamiento del slider es este:

<script>
$(function(){
$(".slides").slidesjs({
});
});
</script>

Dreamweaver no me da errores de código.

¿Por que no se activa el slider?

Alexis88 · #2 (**permalink**) 13/08/2015, 02:20

Revisa en la consola del navegador (pulsa la tecla F12 y selecciona "Console" o "Consola", según como lo muestre tu navegador) si hay algún mensaje de error.

Saludos

quad22 · #3 (**permalink**) 13/08/2015, 16:24

En Chrome la consola aparece totalmente vacía.

En Firefox 39.0 la consola también aparece vacía. En el inspector aparece el <body> correcto y en el Depurador aparece la llamada al slider y los otros dos plugins (<script>) pero en ningún caso sin mensaje de error.

Alexis88 · #4 (**permalink**) 13/08/2015, 17:44

Compara tu código con el de este ejemplo que encontré en la página del plugin que usas y corrige lo que tengas que corregir.

Saludos

quad22 · #5 (**permalink**) 13/08/2015, 20:21

Ya puse ese código desde http://www.slidesjs.com... por eso he escrito después de que no se activase el slider.

Estoy intentando pegar el cógigo de mi html (sólo son 50 líneas muy cortas) pero me sale una ventana de seguridad de forosdelweb.com y se cuelga la webiste.

Alexis88 · #6 (**permalink**) 13/08/2015, 21:50

Acabo de hacer una prueba con uno de los ejemplos de la página del plugin que estás usando, específicamente con este, y funciona perfecto. Aquí puedes ver el resultado.

Compáralo con lo que has hecho y corrige lo que no esté bien.

Saludos

quad22 · #7 (**permalink**) 13/08/2015, 22:52

Efectivamente tu código funciona perfectamente. Lo he puesto en mi *.html pero sigue sin cargar.

La diferencia entre tu código y el mío está en el tipo de etiqueta del slider:

Yo tengo <div class="slides"> y tu tienes <div id="slides">.

Pero modificando esta etiqueta tampoco me funciona ni en Chrome ni en Firefox.

Luego tú (como lo indica slidesjs.com) tienes $("#slides").slidesjs({ pero el tutorial de donde saqué este slider recomienda $(".slides").slidesjs({ porque el lanzador va a buscar el slider como class y por eso sustituyo # por .

En todo caso puse tu código en mi *.html (<div id="slides"> y $("#slides").slidesjs({ ) y no arranca el slider.

Luego puse mi código original en https://jsbin.com/soserexoya/edit?html,output, lo reparé desde esa página, comprobé que funcionase allí pero pegado en dreamweaver sigue sin lanzar.

¿Es posible que dreamweaver necesite activar algún plugin o comando?

Es rarísimo.

quad22 · #8 (**permalink**) 13/08/2015, 23:07

Arreglado!!!

El código es:

<script type="text/javascript">
$(function(){
$(".slides").slidesjs({
});
});
</script>

Y no como dictaba el tutorial de donde saque el slider.

<script>
$(function(){
$(".slides").slidesjs({
});
});
</script>

Lógicamente, funciona perfectamente con <div class="slides"> y $(".slides").slidesjs({.

Gracias por tu ayuda.