Como hacer un slideshow para un sitio web con HTML, CSS y JS
Вставка
- Опубліковано 10 лют 2025
- Aprende como crear un Slideshow para tu sitio web utilizando HTML, CSS y un poco de Javascript.
🚀 Blog de diseño web:
www.falconmast...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
♦ Tutorial escrito, recursos y códigos;
www.falconmaste...
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
www.falconmaste...
♦ Curso patrocinado por okhosting:
www.okhosting.com
Es sorprendente tu conocimiento técnico y la habilidad para exponer los tutoriales.
!Felicidades¡
Muchas gracias, pero aun me faltan muchas cosas que aprender, enseño lo poco que se :) Saludos y nos vemos en otros tutoriales.
Es el primer vídeo que veo y al principio no entendía de que vídeos hablabas!, pero por lógica todo fue mejorando y al final pude lograr mi objetivo eres un capo para memorizar todo y explicar todo.
Uno que otro que te equivocabas pero muy buen trabajo.
Gracias por su tiempo y esfuerzo para hacer estos exelentes tutos, no tengo palabras para agradecerle.
Para que los botones no le queden sobre la imagen, abrimos nuestro archivo jquery.slides, linea 8 y 9 más o menos y ajustamos el tamaño al tamaño que están todas nuestras imágenes:
width: 984,
height: 588, las imagenes tienen que ser de igual tamaño. Gracias de nuevo Carlos.
Genial, muchísimas gracias por tu tiempo y dedicación, funciona perfecto. Para los que tuvieron algún pequeño problema como yo esto es lo que cambie.
en el css tuve que poner:
.slidesjs-pagination{
margin-top: 0;
padding: 0px;
}
si cambiais la ruta de la carpeta fonts y de fonts.ccs en este ultimo teneis que editar la
src:url(../ruta)
y en jquery.slides.js
los iconos de next y previus son "icon-arrow-right" en la linea 118 y "icon-arrow-left" en la 24 sin el 5 que aparece en el video...
y me quedo igualito que el vídeo...
Gracias de nuevo!!!
gracias hermano.. estaba buscando la solución
Hola FalconMaster, muchas gracias por los videos que subes y por la explicacion detallada que brindas, te felicito y muchos exitos.
hermano eres tu hahaha no sabes todo lo que he aprendido con tu pagina y la de cesar cansino. fino eres tu de verdad q lo necesitaba para una pagina q estoy por terminar.. mucho éxito hermano sigue así. te sigo en tu pagina
manita arriba.
genial! q bien q hay personas q les gusta compartir y sinceros, saludos hermano!!!
FalconMasters Por fin lo logré...! Esto me tenía detenido en el avance del curso de diseño web... ahora probaré lo aprendido incorporando este slideshow al index del curso para terminarlo... Salu2 y muchas gracias por compartir tan valioso activo: "El Conocimiento".. Gracias!!!
♦ Curso de PHP y MYSQL: Completo, Práctico y desde Cero
www.tutorialdephp.com
+FalconMasters Hola el javaScript cual es..
porque no lo veo en la pag oficial
+FalconMasters como puedo implementar ese codigo en dreamweaver cs6?
+Ƙåŋåđę Shan No se utilizó un archivo propio y externo de javascript, solo se implementaron funciones del jquery y slidesjs, por lo que no tiene sentido ponerlos en la página textualmente (y son muy extensos)
se puede pues Dj Coflak
Hola, para que el slide vaya de forma correcta debes modificar en el archivo jquery.slides.js la línea número 133 donde dice:
return _this.next(_this.options.navigation.effect);
y donde dice "next", cambiarlo por previous.
De la misma forma en linea número 138, donde dice "previous"
return _this.previous(_this.options.navigation.effect);
cambiarlo por next, y listo.
Saludos y buen tutorial
Buenas.... desde Belgica: he seguido, y sigo viendo casi todos los videos que has puesto en tu sitio. Eres GENIAL, Gracias por tu TIEMPO y tu profecionalismo.
Estoy en formacion de web master (debutante) y me has ayudado ENORMEMENTE;
GRACIAS (disculpa mi espagnol, hace mas de 20 agnos que no lo uso)
que tal amigo me encanto tu tutorial, quiero hacer mi aporte, para arreglar el pequeño problema de los botones alrevez basta con modificar en el jquery.slides.js el metodo
Plugin.prototype.previous = function(effect)
existe el Plugin.prototype.previous = function(effect) y el Plugin.prototype.next = function(effect)
bastaria con cambiar la palabra previous por la palabra next y la palabra next por la palabra previus estos metodos estan casi juntos, espero ayudar si no me comprendes comunicate conmigo y con gusto te explico mejor (me cuesta darme a entender) XD
José Daniel Rodríguez Rodríguez Gracias si me sirvio :)
gracias, me ayudaste a corregir ese problema
espero que aun atiendas vídeo de hace años como este me sirvió muy bien gracias acabas de salvar mi semestreeeee...¡¡¡¡
Estaba esperando este :D!
Por cierto corregí el error de los botones, sólo es cuestión de cambiar las lineas en el jquery.slides.js de la siguiente manera:
118 = "class": "slidesjs-next slidesjs-navigation",
124 = "class": "slidesjs-previous slidesjs-navigation",
Es decir, sólo volteamos los valores :P
Raul Jimenez Genial muchas gracias por la respuesta, le doy manita arriba para que todos vean tu respuesta.
Buenas Arturo, le escribo por dos cosas ... En primer lugar, para felicitarlo por los excelentes vídeos que hace, me agradan mucho a parte que me gusta la manera en que los explica, pues llevo ya casi unos 15 días viendo sus vídeos.
En segundo lugar, era para decirle que la parte de los controles de navegación, se pueden solucionar de una manera muy sencilla, sólo es cuestión de cortar la línea donde sale ' Next ' y pegarla debajo de donde dice ' Previous ', ya alterando el orden de esas dos partes, quedará el ' SlideShow ' de una manera correcta, lo digo por qué sé que muchos deben estar preguntándose cómo hacer eso y pues así lo hice yo y funciona de maravilla.
Un gran saludo desde Colombia y siga adelante con mucho ánimo, realizando más vídeos.
Hasta pronto.
Excelente tutorial, muy bien explicado; me ayudó muchísimo, gracias.
Sólo que tengo un pequeño problemita, la barra de abajo (la de los botones) me queda muy abajo de la imagen, ¿Cómo puedo solucionar ese problema?
FALCON..!! mis más gratas felicitaciones, muchisimas gracias por ese aporte tan significativo para mi, ya puedo decir que tengo un excelente tutor en HTML5 y CSS3, infinitas gracias
Amigos para cambiar de lado las flechas (para que no queden al revés) en realidad es muy sencillo, primero busquen esta linea en su archivo jquery.slides.js:
return _this.previous(_this.options.navigation.effect);
que es para la flecha de atras y le cambian _this.previous por _this.next y hacen lo mismo para la flechita de siguiente que esta un poquito mas arriba de esa linea, luego ya solo cambian los iconos, espero que les ayude :)
si quiciera eliminar la parte de next previous y stop sabes como ?
excelente... esa es la forma... quedo muy bien :)
eres increíble dando esto tutoriales, aprendo bastante contigo, no sabia nada de css, apenas sabia html y muy basico pero gracias a ti he mejorado en cuanto a diseño web, gracias por esto tutoriales.
El problema del slideshow de los botones anterior y siguiente se soluciona invirtiendo el orden en la programación del archivo jquery.slides.js
El orden de la función debe quedar de esta manera:
if (this.options.navigation.active) {
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-chevron-right",
href: "#",
title: "", //Siguiente
text: "" //Siguiente
}).appendTo($element);
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-chevron-left",
href: "#",
title: "", //Anterior
text: "" //Anterior
}).appendTo($element);
}
Muchas gracias!!!
soy super noob en esto y me pude dar cuenta de esto facilmente -_- jajaja no es tan dificil como dice
aveces pensando complejo te olvidas de lo mas simple :v, tambien me di cuenta de invertir las lineas de jquery-slide.js 118 y 124, ya con eso anduvo joya, igual el tuto buenisimo, gracias
Muchas gracias bro !!!!!
hice lo mismo y es verdad cambia la posicion de las palabras para que quede bien pero no cambia la funcion, siguen estando las funciones al reves
Sos el Puto amo para esto!! Me estas salvando de un final de la universidad, saludos desde Medellín/Colombia
Para solucionar el error de los botones solo tienes que cambiaren el archivo jquery.slides.js como por la linea 130 a la 139 este texto
$(".slidesjs-next", $element).click(function(e) {
e.preventDefault();
_this.stop(true);
return _this.next(_this.options.navigation.effect);
});
$(".slidesjs-previoust", $element).click(function(e) {
e.preventDefault();
_this.stop(true);
return _this.previous(_this.options.navigation.effect);
});
por este texto
$(".slidesjs-previous", $element).click(function(e) {
e.preventDefault();
_this.stop(true);
return _this.next(_this.options.navigation.effect);
});
$(".slidesjs-next", $element).click(function(e) {
e.preventDefault();
_this.stop(true);
return _this.previous(_this.options.navigation.effect);
});
espero que les sirva, a mi me funciono
+chema mauro Muchas gracias por tan valioso aporte, funciono a mil y una...
+chema mauro También se puede cambiando en la linea 227 ($.data(this, "direction", "next");) y la linea 241 ($.data(this, "direction", "previous");)
Donde dice next poner previous y donde dice previous poner next
227 ($.data(this, "direction", "previous");)
241 ( $.data(this, "direction", "next"); )
Solo es un aporte por si lo consideran mas fácil de hacer :p
+chema mauro Muchas gracias genio..! funciono de 10, Saludos
+chema mauro Ud es un héroe, gracias,
+chema mauro pff era que cambies solo el orden xD
Muchas gracias Carlos...tus videos estan geniales!!!!!! :D
Para los que les quedo un espacio entre las imágenes y el menú de navegación(a mi me paso), y no pueden modificar el slidesjs-container, modifiquen en las primeras lineas el archivo "jquery.slides.js" donde dice:
pluginName = "slidesjs";
defaults = {
width: 900,
height: 350,
start: 1,
navigation: {
active: true,
effect: "slide"
}
por los valores que uds quieran en width, y height
creo que encontré la forma de que los botones siguientes y anterior funcionen correctamente, después de buscar y buscar me di cuenta lo sencillo que era, solo hay que editar el jquery.slides y ahí en la linea 118 cuando cambias el nombre de next a siguiente, solo debes cambiar de posición el código, prevButton debe quedar primero.
ejemplo:
este bloque de codigo:
prevButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-chevron-small-right",
href: "#",
title: "",
text: ""
}).appendTo($element);
sobre este bloque:
nextButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-chevron-small-left",
href: "#",
title: "",
text: ""
}).appendTo($element);
En realidad el codigo correcto seria
if (this.options.navigation.active) {
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-to-end",
href: "#",
title: "",
text: ""
}).appendTo($element);
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-to-start",
href: "#",
title: "",
text: ""
}).appendTo($element);
}
Correcto esa es la misma manera que usé y funciona. Sólo es invertir los códigos de jquery.
Miguel eres un dios.
muy buen video, super bien explicado! si quieres solucionar el problema de los botones de "siguiente" y "anterior" en el slideshow, simplemente en el archivo de jquery.salide.js cambia el orden en que se encuentran y listo!
Si les puede servir de algo, yo intenté modificar el código invirtiendo el nexbutton con el prevbuttom y me sirvió. El código quedó de la siguiente manera:
if (this.options.navigation.active) {
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-circle-right",
href: "#",
title: "",
text: ""
}).appendTo($element);
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-circle-left",
href: "#",
title: "",
text: ""
}).appendTo($element);
}
Yo también hice esto y me funcionó. Sólo es cortar y pegar jajaj saludos!
algo tan sencillo pero a veces complicado xD
Capo, me sirvió, gracias. Muy buena solución.
muy buen video!!
en cuanto al problema de los botones solo es cuestión de cambiar la posición de el código de javascript por default aparece primero previous y despues el codigo del next
solo se debe invertir y de esa forma aparecen bien los botones!!
si en el archivo jquery.slides.js inviertes la posicion de los botones se soluciona el problema del orden a la hora de cambiar de imagen
codigo original
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-backward2",
href: "#",
title: "",
text: ""
}).appendTo($element);
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-forward3",
href: "#",
title: "",
text: ""
}).appendTo($element);
codigo invertido
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-forward3",
href: "#",
title: "",
text: ""
}).appendTo($element);
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-backward2",
href: "#",
title: "",
text: ""
}).appendTo($element);
Saludos, sigue adelante que por personas como tu se sigue teniendo conocimientos. gracias y te sigo.. desde santo domingo
Gracias a ti por ver mi contenido, saludos!
No me lee tu libreria o no se que onda pero al agregar el codigo:
$(function(){
$(".slides").slidesjs({
});
});
NO ME HACE NADA, NO APLICA EL SLIDESHOW SIMPLE
EVA-00Elizabeth que no es asi?
Gracias, ya lo solucione
;)
EVA-00Elizabeth Tengo el mismo problema, como lo solucionaste? Podrías auxiliarme, por favor.
codigo:
es:
codigo:
Hola, me encantó el video, muy útil y tu explicación también. El problema del que hablas lo solucione modificando el orden de los botones en el js. Buen trabajo👍🏾 sos un genio.
Al final del vídeo al momento de cambiar el texto a iconos, como vinculaste los iconos, yo introduzco los nombre pero no me muestra nada, y el botón sigue funcionando.
Me sirvió muchisimo, me salvaste del rojo que me iban a poner mañana en el liceo >.<
Mil gracias, ahora me paso en otros de tus videos :)
Intentándolo por 3 vez por que no salió😔
*Edit:chicos no se rindan.* Después de tres intentos *lo logre* tienen que estar muy atentos por que yo falle en un paso de los básicos y por eso no me funcionó nada; acá les dejo mis fallos para que los tengan presentes:
Cuando el chico dijo que guardarnos como carpeta fonts.css yo no veía cuando él lo hacia así que sólo editaba el nombre por fuera y me lo encontraba raro por que por fuera a él le aparecia Solo fonts y a mí fonts.css lo que tenía que hacer era entrar y ya abierto en el block de nota guardarlo otra vez en Guardar como y guardarlo *"fonts.css"*
Otro error fue cuando estaba poniendo los iconos por no ir a la página y copiarlo me fijaba directamente del video y tuve error en el *play y pause* por que él lo tenía con esa resolución y yo lo tenía como *play2 y pause3*
Otra cosa es que el:
*Padding: 13.5px 20px* es algo que debes calcularlo tú por que no todos tienen el mismo tamaño que el de él, una buena forma es ir probando número (y si ves que la página deja de tomar los cambios cierra la ventana y abrela otra vez) a mí me quedó perfecto con: *padding:11.10px 20px;*
Espero que eso les ayudé.
Eres el mejor, ya estoy programando mi pagina web con tus cursos
hola yo corregi el error del previous y next
en la linea 130 $(".slidesjs-previous", $element).click(function(e)
donde dice $(".slidesjs-"previous" lo cambian por $(".slidesjs-"next" (sin las comillas)
y en la linea 135 $(".slidesjs-next", $element).click(function(e) {
donde dice $(".slidesjs-next" cambian la palabra next por previous y listo ya lo tendran bien :D
smodynet Excelente
bien gracias
Bien Erick pero no olvidar de cambiar el label porque si no visualmente no van a ver el cambio... saludos... buen aporte...
Eres el mejor, como Julio el profe pero en programación, gracias a ti hago mis tareas
Mori en el intento :(
:v
jaja toma bro un abrazo virtual
Muchisimas gracias por este tutorial amigo, hice anteriormente el de diseño o maquetacion web y quede con error y muchas dudas en la parte final del slideshow, pero con este tutorial he finalizado una web muy completa, saludos
que va! me gusto mucho, tuve que ponerle mil veces pause porque va muy rápido pero esta genial, cuando tenga mas practica me será muy útil que tenga esta velocidad
ERES COMO TU DICES "UN MASTER" SALUDOS BRO ME HAN SERVIDO MUCHISIMO TUS TUTORIALES!! FELCICIDADES
Muy bueno, muy bueno, bien explicado he visto 2 videos y me han gustado bastante y me han salido bastante bien muchas gracias ;)
gracias por compartir este video... la explicacion esta bastante clara. voy a implementarlo en mi sitio web.
Muchas gracias we, neta que te amo, me han servido mucho tus vídeos para la creación de mi proyecto final
Como siempre!!!...FUNCIONA LA MAGIA!!!....felicidades CARLOS ARTURO!!!...
sergio esparza Gracias
FalconMasters hola quería saber porque cuando lo pruebo en un dispositivo celular me salen las imágenes una de bajo de otra? Gracias
muchisimas gracias por el tuturial, por fin logré hacer un slide como quería, un saludo!!!
Hola Carlos Arturo, muy buen video, el problema de los botones de anterior y siquiente que están al revés se puede resolver, te vas al archivo slides.js y en la linea 116 donde comienza la condicion de estos botones, simplemente seleccionas desde la linea 117 hasta la 122 (que son los codigos de prevButton) y los pones en el lugar donde estan los codigos de nextButton. Es decir tienes que invertir el orden.
Hola FalconMasters, esta excelente tu video, me ayudo demasiado y también te cuento que logré solucionar el problemita del anterior y siguiente es muy sencillo lo único que debes hacer es cambiar el orden en el archivo jquery.slides.js, originalmente aparece primero prevButton y luego nextButton, lo único que hay que hacer es poner primero nextButton y luego prevButton (Línea 117), Saludos.....
Excelente, no hay otra palabra para describirlo.
Muchas gracias! me ha servido de mucho tu aporte!
Brabazo tio, muchas gracias, aprendo mucho contigo
Brutal, como todos tus videos!
eres el mejor gracias por su aporte a la humanidad :)
Muy buen tutorial!! para solucionar el tema del next y previous simplemente editando el jquery.slides.js dentro de la estructura "if (this.options.navigation.active) "{} cambias de lugar las opciones, que primera opcion sea el nextButton y luego el prevButton! lo hice asi y funciona como tiene que ser! espero ser de ayuda y repito muy buen tutorial!
Gracias amigo también intercambie las clases y si me funciono gracias.
Genial, sencillo y claro, gracias por el aporte!
Estan chidos tus tutoriales bro! Espero aprender más sobre Programación & Diseño Web, me interesa esto y apenas tengo 14 años, Wow!
hi im from portugal i watch many videos from ur channel and tanks for your work its great i learn many thing with you !
Siguiendote desde cerca Falcon, saludos desde Venezuela amigo. Gracias por el tuto.
Me parece claro tu aporte, espero elabores los tutoriales suficientes para que con solo invertir en hosting y dominio se logre crear la pagina propio con todo lo que se necesita, aparte de aprender a manejar los templates. Teniendo nociones de código es posible realizarlo sin tener que pagar a terceros.
Si, en realidad ya tengo muchos tutoriales en mi canal y continuo haciendo, por si fuera poco también publico artículos de bastante interés y utilidad en mi sitio web. www.falconmasters.com
Muchas Gracias brother , vibras con tu canal, me salvaste de apuros, con esto de slideshow Bendicion bro
Gracias Falco Master ahora podre presentar mejores proyectos que los demas, eres un Genio... :P
gracias amigo me sirvio de mucho estoy empezando a desarrollar una pagina web con estas características y tu video me sido de gran ayuda gracias (Y)
Nazareth Centeno Genial, me alegra que te sirva
muy bueno el tuto pregunta? se puede cambiar la transicion gracias
Colega eres un monstruo tio ... GRACIAS
que excelen tutorial la verdad lo felicito... soy una principiante en temas de sitios web pero me ha ayudado muchisimo.... me gustaria saber como puedo achicar el alto de mis imagenes sin que me quede un espacio entre la imagen y los botones
Muy buen video! me ayudo bastante con mi página y logre lo esperado, ahora obtendré la mayor nota! =)
Muchas Gracias, éste slide sirve para cargar artículo para utilizarlo en el theme que creaste en otro tutorial?
excelente aporte. quería saber Si el slideshow puede rotar automaticamente y ademas de eso mostrar imagenes dinamicamente, en mi caso en particular usaré el slide para mostrar imagenes y que roten solas através de una carpeta contenedora a la cual se le puedan añadir mas imágenes y que la página las vaya cargando.
Muchas gracias brother de tus vídeos e obtenido muchas cosas útiles para la página web que hago (es un examen) :)
xleizox Mucha suerte y gracias a ti
solo intercambie el nombre de las clases y funciono :D
Hola a todos, Muchas gracias por tus aportes, de verdad son buenisimos!!, espero pueda aportar mi comentario, yo pude solucionar lo de los botones, que el de anterior aparecia primero que el de siguiente, recordemos que quedaban asi > < simulado que el mayor que y el menor que son los botones XD, pongan esto en su css .slidesjs-previous{float:right] , lo que hara es que el boton de anterior se pasara totalmente a el lado opuesto de la caja que tiene el slider, y asi ya nos quedara mas presentable, Saludos y gracias por tus videos.
Nota. Esto haganlo al ultimo de seguir los pasos del video-tutorial.
FalconMasters ...felicidades excelente el tuto me ayudó bastante...y aporto la solución de los botones de siguiente y anterior q no coinciden con los números, solo es invertir las funciones y debe quedar asi...
if (this.options.navigation.active) {
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation icon-right-open-big",
href: "#",
title: "",
text: ""
}).appendTo($element);
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation icon-left-open-big",
href: "#",
title: "",
text: ""
}).appendTo($element);
}
FUNCIONA PERFECTO! UN CAPO! SE AGRADECE!
Gracias por no dejarnos morir en el intento :D
ERES UN GENIO!!! TE ENTENDÍ PERFECTAMENTE!!! GRACIAS INFINITAS!
Muy buen tutorial hace unos días descubrí tu canal y ahora me estoy viendo todos tus vídeos, espero pronto subas algún video de como hacer una galería :3
Saludos.
Genial, me alegra que te haya gustado, ademas de mi canal también subo mucho contenido genial en mi sitio web www.falconmasters.com
Excelente video, muy claro. Gracias. Una pregunta, donde debo de modificar para hacer mi galería vertical y no horizontal.
muchisimas gracias! tu video me ayudo bastante sigue asi genia!
muchas gracias por tu tutorial me ha servido demasiado.
Gracias, bastante agradecido gracias por compartir
Muy buen video Funciona a la perfección el problema de los botones se resuelve modificando el j.query en la linea 117 a la 127 de manera que los codigos que hacen el botón queden dentro del if de esta forma:
if (this.options.navigation.active) {
nextButton = $("", {
"class": "slidesjs-next slidesjs-navigation",
href: "#",
title: "Siguiente",
text: "Siguiente"
}).appendTo($element);
prevButton = $("", {
"class": "slidesjs-previous slidesjs-navigation",
href: "#",
title: "Anterior",
text: "Anterior"
}).appendTo($element);
}
Aclarando que yo traduje los texto para que quedaran en español (Anterior, Siguiente).
Saludos y muy buen video.
Me has ayudado mucho , Gracias
Primero que todo, grandisimos tutoriales los que os marcáis. Realmente impecables. Lo segundo es una duda sobre este slider. Es posible poner las flechas de anterior y siguiente, una al lado opuesto de la otra en la imagen y los números en la parte inferior del slider (todo dentro del recuadro de las imagenes)? o por código de programación de jquery no deja?
Muy buen tutorial, muchas gracias. Jah Bless.
¡Buenísimos tutoriales, excelente blog, todo es muy bueno!, muchas gracias.
Daniel Mateus Muchas gracias
FalconMasters He tenido problemas haciendo el Acordeón desplegable, he pedido ayuda en el foro de Heroesdelaweb, y también he comentado la guía original en falconmasters.com, sin embargo nadie me ha podido ayudar.
Espero me puedas ayudar ya que he revisado todo una y otra vez, pero el menu no se desplega.
Saludos.
Y por cierto, muchas gracias por los videos que subes!
Son geniales, explicas muy bien.
Buenas amigo, muy buen material y excelente calidad de contenido. Tengo un inconveniente, el cual se basa en que los íconos de previous y next que añadistes, no se muestran en mi navegador. Si fueras tan amable de ver si descubres si es un error de código o qué, te lo agradecería.
Para solucionar el problema de los botones anterior y siguiente simlemente en el cosdigo de jquery.slides.js cambias la pocicion de los elementos nextButton = $("", { y prevButton = $("", { con esto me funciono perfecto
Buenísimo lo logre y para cambiar el coso de siguiente y anterior solo hay que cambiar el orden del código de cada uno.
Boris Alejandro Aquino Aquino Genial
Tengo una duda Carlos y es que ya e creado el Slideshow con mis imagenes y gracias al video me a quedado genial pero quisiera insertarlo en otra pagina web que ya tengo echa, como puedo hacer eso ? voy empezando y no se mucho aun D:
excelente tutorial solo me queda una duda los botones de siguiente y anterior pueden colocarse en otro lugar? por ejemplo a los costados dentro de la foto?
Hola es muy bueno el tuto solo tengo una pregunta se puede reiniciar o destruir?
muy bien explicado te felicito
Buenas. Excelente tutorial, te hago una consulta ¿Se puede hacer un slider con videos?
hola Falco excelente tutorial, te cuento soy nuevo en esto y todo lo que encuentre de calidad me sirve, ahora tengo un problema que aún cuando lo explicas muy rápidamente no se como le hago es como pongo esto en la cabecera de mi pagina web. por ejemplo
Hola Falcon, trabaje en Dreamweaver y me funciono de maravilla, el problema es que como aun ando aprendiendo, yo uso el visor en modo de diseñador y me deforma todo pues salen las 5 imágenes (que en este caso use) enteras y copandome todo....que puedo hacer para evitar esto?
Eres mi Dios Amigó!!!!
ooww falcon #ereslaonda muchas gracias me sirvio muchisimo....
Muy buen vídeo, (y) bien explicado.
¡Wao! un video muy útil amigo, muchas gracias. Sólo una cosita, ¿qué agrego en .js si en vez de agregar esos íconos que colocas yo quiero usar unas imágenes?. Sé que ahí dices no recomendarlo pero quisiera saber cómo hacerlo. Me refiero a que en vez de los íconos de siguiente, anterior, iniciar y pausar, quiero usar unas imágenes. MUCHAS GRACIAS