Como hacer un slideshow para un sitio web con HTML, CSS y JS

[@mariocortes9728]

Es sorprendente tu conocimiento técnico y la habilidad para exponer los tutoriales. !Felicidades¡

[@FalconMasters]

Muchas gracias, pero aun me faltan muchas cosas que aprender, enseño lo poco que se :) Saludos y nos vemos en otros tutoriales.

[@ai_diana]

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.

[@gsfotografia1733]

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.

[@joseguaran5826]

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.

[@FalconMasters]

♦ Curso de PHP y MYSQL: Completo, Práctico y desde Cero www.tutorialdephp.com

[@Kanade0yazu]

+FalconMasters Hola el javaScript cual es.. porque no lo veo en la pag oficial

[@djcoflak7206]

+FalconMasters como puedo implementar ese codigo en dreamweaver cs6?

[@DKMRFCBrlz]

+Ƙåŋåđę 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)

[@jonathanblanco1995]

se puede pues Dj Coflak

[@Sebastian-yl5vz]

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)

[@felixrodriguez2594]

genial! q bien q hay personas q les gusta compartir y sinceros, saludos hermano!!!

[@artùparra]

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.

[@DanielHuamaniCuba.]

Hola FalconMaster, muchas gracias por los videos que subes y por la explicacion detallada que brindas, te felicito y muchos exitos.

[@davidvm5724]

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!!!

[@EfrenMartinez990]

gracias hermano.. estaba buscando la solución

[@josedanielrodriguezrodrigu2860]

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

[@kharles7]

José Daniel Rodríguez Rodríguez Gracias si me sirvio :)

[@jasonbourne5]

gracias, me ayudaste a corregir ese problema

[@Aprendizzz2009]

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!!!

[@rauljimenez7252]

Estaba esperando este :D!

[@rauljimenez7252]

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

[@FalconMasters]

Raul Jimenez Genial muchas gracias por la respuesta, le doy manita arriba para que todos vean tu respuesta.

[@edsonhernandez465]

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.

[@orlandoguevara4385]

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?

[@josepaucar3430]

Sos el Puto amo para esto!! Me estas salvando de un final de la universidad, saludos desde Medellín/Colombia

[@ivanlayza1020]

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); }

[@jofrboro]

Muchas gracias!!!

[@jakobagat5432]

soy super noob en esto y me pude dar cuenta de esto facilmente -_- jajaja no es tan dificil como dice

[@williambernal]

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

[@luisangulo7297]

Muchas gracias bro !!!!!

[@sleic2012]

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

[@iangarciagarcia8854]

espero que aun atiendas vídeo de hace años como este me sirvió muy bien gracias acabas de salvar mi semestreeeee...¡¡¡¡

[@ncheman]

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

[@alfredogt10]

+chema mauro Muchas gracias por tan valioso aporte, funciono a mil y una...

[@FrangerRamirez]

+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

[@emanuel2097]

+chema mauro Muchas gracias genio..! funciono de 10, Saludos

[@jonathanacostamorales6870]

+chema mauro Ud es un héroe, gracias,

[@brayankamus1144]

+chema mauro pff era que cambies solo el orden xD

[@ciborgym]

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

[@nexus0709]

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 :)

[@HourGlassDM]

si quiciera eliminar la parte de next previous y stop sabes como ?

[@maigisabando5860]

excelente... esa es la forma... quedo muy bien :)

[@jonathanmoreira4025]

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!

[@d3vlin13]

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.

[@aylenmenichetti6579]

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

[@deckert23]

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);

[@staccato5521]

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); }

[@christianlergier3872]

Correcto esa es la misma manera que usé y funciona. Sólo es invertir los códigos de jquery.

[@savagecivil2674]

Miguel eres un dios.

[@kingchroner4790]

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

[@elEVA-00]

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

[@DragdeTutoriales]

EVA-00Elizabeth que no es asi?

[@elEVA-00]

Gracias, ya lo solucione

[@DragdeTutoriales]

;)

[@antonystark4444]

EVA-00Elizabeth Tengo el mismo problema, como lo solucionaste? Podrías auxiliarme, por favor.

[@elEVA-00]

codigo: es: codigo:

[@wuarpickgracias]

ERES COMO TU DICES "UN MASTER" SALUDOS BRO ME HAN SERVIDO MUCHISIMO TUS TUTORIALES!! FELCICIDADES

[@OscarDeLaLanza]

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);

[@paul10magaale]

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!!

[@JULIANDRESGM]

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); }

[@enriqueaguilar7325]

Yo también hice esto y me funcionó. Sólo es cortar y pegar jajaj saludos!

[@roxanadiaz0995]

algo tan sencillo pero a veces complicado xD

[@AlexVargas-rq7bl]

Capo, me sirvió, gracias. Muy buena solución.

[@Ethan-kd7lt]

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 :)

[@antigua_ina9589]

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é.

[@andrespalacios5704]

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.

[@TravelingToThePast]

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

[@FalconMasters]

smodynet Excelente

[@Tabsguitar280]

bien gracias

[@servitecniecservicesplusgu227]

Bien Erick pero no olvidar de cambiar el label porque si no visualmente no van a ver el cambio... saludos... buen aporte...

[@lourdesmanzanillacano5125]

Eres el mejor, como Julio el profe pero en programación, gracias a ti hago mis tareas

[@carlosazuaje8381]

Mori en el intento :(

[@miglopiutub]

:v

[@srleche_1478]

jaja toma bro un abrazo virtual

[@TFernan]

Eres el mejor, ya estoy programando mi pagina web con tus cursos

[@negrograf]

Saludos, sigue adelante que por personas como tu se sigue teniendo conocimientos. gracias y te sigo.. desde santo domingo

[@FalconMasters]

Gracias a ti por ver mi contenido, saludos!

[@senizienta]

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

[@abrahamdelaroche]

Siguiendote desde cerca Falcon, saludos desde Venezuela amigo. Gracias por el tuto.

[@zlCybermanlz]

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.

[@FalconMasters]

Genial, me alegra que te haya gustado, ademas de mi canal también subo mucho contenido genial en mi sitio web www.falconmasters.com

[@gbsmart7920]

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.

[@MrLuistrike]

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.

[@FalconMasters]

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

[@sergioesparza6193]

Como siempre!!!...FUNCIONA LA MAGIA!!!....felicidades CARLOS ARTURO!!!...

[@FalconMasters]

sergio esparza Gracias

[@luisadriano123456789]

FalconMasters hola quería saber porque cuando lo pruebo en un dispositivo celular me salen las imágenes una de bajo de otra? Gracias

[@emmoba5136]

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.....

[@danielmoncada7077]

Muchas gracias we, neta que te amo, me han servido mucho tus vídeos para la creación de mi proyecto final

[@undefined5339]

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!

[@leantamplan]

muchisimas gracias por el tuturial, por fin logré hacer un slide como quería, un saludo!!!

[@maigisabando5860]

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

[@leandro2323]

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!

[@NatxDoe]

Gracias Falco Master ahora podre presentar mejores proyectos que los demas, eres un Genio... :P

[@julioomana1158]

Muy bueno, muy bueno, bien explicado he visto 2 videos y me han gustado bastante y me han salido bastante bien muchas gracias ;)

[@jmtgnz]

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.

[@angelperedo4517]

Muchas Gracias brother , vibras con tu canal, me salvaste de apuros, con esto de slideshow Bendicion bro

[@rudyy6486]

hi im from portugal i watch many videos from ur channel and tanks for your work its great i learn many thing with you !

[@pedrosanchez4201]

Brutal, como todos tus videos!

[@leannemeneses3070]

Brabazo tio, muchas gracias, aprendo mucho contigo

[@lowkicks4408]

Gracias amigo también intercambie las clases y si me funciono gracias.

[@geovannydepaz2012]

Excelente, no hay otra palabra para describirlo.

[@nazarethcenteno5283]

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)

[@FalconMasters]

Nazareth Centeno Genial, me alegra que te sirva

[@MaggieChanHandcrafts]

gracias por compartir este video... la explicacion esta bastante clara. voy a implementarlo en mi sitio web.

[@NahuelRojas93]

Muchas Gracias, éste slide sirve para cargar artículo para utilizarlo en el theme que creaste en otro tutorial?

[@dianaalaniz2474]

ERES UN GENIO!!! TE ENTENDÍ PERFECTAMENTE!!! GRACIAS INFINITAS!

[@royzegarra5265]

Sencillamente espectacular hermano!

[@luisgonzalez-ni9bx]

eres el mejor gracias por su aporte a la humanidad :)

[@elTripaSeca]

Gracias por no dejarnos morir en el intento :D

[@HeectorZ]

Muy buen video! me ayudo bastante con mi página y logre lo esperado, ahora obtendré la mayor nota! =)

[@pabloramironieva3524]

Muchas gracias! me ha servido de mucho tu aporte!

[@luisfp]

Excelente video, muy claro. Gracias. Una pregunta, donde debo de modificar para hacer mi galería vertical y no horizontal.

[@DegenereitionXHHHHBK]

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:

[@matiasolivera8909]

Genial, sencillo y claro, gracias por el aporte!

[@pabloparra3665]

una pregunta como hago para descargar el archivo .js que utiliza en el min 10:10 ? gracias

[@abs23salinas11]

Hola este tipo de slidesshow se puede utilizar si tengo un encabezado estático ya que no me esta funcionando y la img pasa por encíma del encabezado

[@xleizox]

Muchas gracias brother de tus vídeos e obtenido muchas cosas útiles para la página web que hago (es un examen) :)

[@FalconMasters]

xleizox Mucha suerte y gracias a ti

[@NserNyser]

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.

[@cristiansbregante1448]

solo intercambie el nombre de las clases y funciono :D

[@lginformatica5369]

muy bueno el tuto pregunta? se puede cambiar la transicion gracias

[@angelarce4543]

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.

[@natanael1205]

Colega eres un monstruo tio ... GRACIAS

[@boguis69]

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.

[@FalconMasters]

Boris Alejandro Aquino Aquino Genial

[@hernestoperez3300]

excelente falconMaster saludos desde caracas-venezuela (y)

[@FalconMasters]

Muchas gracias Hernesto

[@ArtObsessed0]

Y por cierto, muchas gracias por los videos que subes! Son geniales, explicas muy bien.

[@lafabrikpublicidadydiseno2279]

Hola, te pregunto me queda un espacio en blanco entre mis imágenes y la barra de menu, el tamaño de mis imagenes es de 960px x 300px, tengo que colocarlas mas grandes o que puedo hacer para que me queden pegaditos?

[@EzeBranCerati]

Estas a full con los videos no ? xD PD: Muy buenos los que andas subiendo ultimamente .. y como siempre bien explicados ..

[@FalconMasters]

Si, ahora que hay contenido que subir aprovecho :D. Muchas gracias Ezequiel.

[@EzeBranCerati]

FalconMasters una duda, si yo, en ves de los números, quiero poner otra cosa, una imagen de un circulo, como hago ? para q no se vean los números, solo lo que yo quiero agregar ..

[@FalconMasters]

Ezequiel Brandan Para quitar los numeros puedes hacer varias cosas, una de ellas es ponerle font-size 0 a los elementos li a que editamos en el video, y a esos mismos elementos le pones un border-radius para hacerlos circulares.

[@sergioalbertocastro8081]

Se le puede agregar algún texto en medio de la imagen? Algo así como un tipo de encabezado breve.

[@MelanieTv]

Como hago que al darle a la imagen redireccione a alguna parte?

[@ReflectionHere]

[@MelanieTv]

Lol que novata era en ese entonces.... esperen, aún lo soy, jajaja!

[@MelanieTv]

@@ReflectionHere Gracias XD!

[@TheJAKEJ6]

Hola Falcon, máster sabes que hago todo el proceso al igual que tu pero tengo el problema que las imágenes aparecen hacia abajo, reviso el código pero es exactamente el mismo que tienes tu. Como puedo arreglarlo?

[@Daniel-rm6hj]

¡Buenísimos tutoriales, excelente blog, todo es muy bueno!, muchas gracias.

[@FalconMasters]

Daniel Mateus Muchas gracias

[@Daniel-rm6hj]

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.

[@AcademicoTotal]

Muy buen video! Se pueden poner 4 slides en una sola página?

[@YupaMurph]

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); }

[@idarknight2123]

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?

[@Anthony123Sira]

Hola que tal. Excelente video. Solo un par de dudas, he hecho el procedimiento tal cual pero no me quiere cargar las fuentes del icomoon y por otro lado, mis imagenes no tienen el mismo tamaño y les puse un margen y ancho auto y el alto del 100%. pero me gustaria que aparecieran centradas, ayuda con eso porfa. Gracias de antemano.

[@TheSudaka2023]

Hola carlos arturo, me pasa lo siguiente, yo tengo img de 1500x350 para el slider y cuando las cargo con el js, el menu de de botones next play y esos, me sale mucho mas abajo, no sale pegadito como se ve en el ejemplo, no puedo hacer como juntarlos o me gustaria eliminarlos y el div no tenga margin de nada.. como se soluciona?

[@viajarlanube6484]

FUNCIONA PERFECTO! UN CAPO! SE AGRADECE!

[@javiermauriciovelasquezcas4523]

cordial saludo falconmasters o carlos jejeje bueno queria comentarte algo estoy realizando mi pagina y queria saber como logro hacer para introducir en este caso mas iconos y lo de la carpeta js del slide ya que ya tengo una carpeta js y ya tengo un archivo fonts que fue el que use en un video tuyo anterior donde explicas lo de como hacer un menu adaptable a moviles. mi duda es como o que debo hacer para meter esos nuevos iconos y esa nueva carpeta sin borrar las que tengo ya en mi proyecto. gracias espero puedas responderme pronto

[@HourGlassDM]

siquiciera eliminar los botones? que seccion tendria que eliminar en el js?

[@danielr8074]

buenas!! queria hacerte la siguiente pregunta. cuando pongo una imagen de distinto tamaño al puesto en el ejemplo el menu se me desplaza hacia abajo y la imagen se me queda arriba creando un espacio entre los dos.¿como puedo ponerlo que se autojuste o que siempre este el menu debajo de la imagen da igual el tamaño de ella?gracias

[@eduardomercado1158]

hola que tal, tengo un duda. necesito poder tener una serie de imagenes en mi codigo pero sin que se visualicen. Y posteriormente hacer la eleccion de 8 aleatoriamente y sean mostradas. podria ayudarme ?

[@huertaedgar]

buen dia Falcon. dices que necesitamos ponerle el mismo alto a las imagenes.. pero si les pongo un alto de 400 px el slideshow no se adapta al alto de las imagenes, donde puedo modificar el alto del slide?