Carrousel de Imágenes con JavaScript y HTML5 

no me funciono la animacion :T

Saludos!

Dudo que te haya salido

Genial brother, qué bueno que te haya servido. Saludos desde El Salvador hasta Colombia.

Qué bueno :) Saludos. :D

Genial bro, me alegro. Saludos!

Guapo tu también!

Con gusto bro, un saludo 👋

Pasa el código, a mí no me funciona (-̩̩̩-̩̩̩-̩̩̩-̩̩̩-̩̩̩___-̩̩̩-̩̩̩-̩̩̩-̩̩̩-̩̩̩)

TE AMO

Hola, no hay forma de conectar eso a mi base de datos de mysql?

Gracias, Te amo x2!"

weyyyy te amo :´v el tio T.Rex te ama , gracias 7u7

weon, me has salvado la vida, no se de donde eres o donde estas pero gracias

Haha Qué bueno bro, así se aprende. Espero te sirva para seguir aprendiendo. Un saludo 🫡

Gracias bro! Espero te haya servido. Un saludo.

@@LexterDev Debes de tratar de explicarte un poquito mas y simplicar mas tu codigo

Claro, siempre estoy abierto al feedback para seguir mejorando. Lo tendré en cuenta sin duda.

@@LexterDev Ok sigue asi brother

Igual, document.querySelector('#idElemento')

Te da algún error bro?

no simplemente no me corren las imagenes solo me aparece la primera

En la descripción del vídeo está mi correo. Puedes mostrarme el código por ahí para ver si hay errores.

ya te escribí gracias

Me pasa lo mismo solamente me aparece la primera imagen pero las otras no se muestran

estara bien escrito el codigo de javascript? deberia de funcionar

@@gabrielalvarez5307 F

El código fuente de todos mis vídeos está en mi Patreon bro. www.patreon.com/LexterXPS

@@LexterDev No logro encontrar los codigos:( No se si no tenga agregados, pero tampoco me permite la suscripcion

En tu navegador, revisa la consola para ver si te muestra algún error.

¿Las imágenes en sí guardadas en una base de datos o son las URL's las que están en la base de datos?

@@LexterDev son las url, en la base de datos solo guardo la direccion de las imagenes, las imagenes estan en una carpeta aparte

Entiendo. Pues lo que debes haces es sacar las imágenes de la BD con tu lenguaje de Backend, y obtener un array que puedas manipular con JS, y así puedes hacerlo como quieres.

@@gabrielalvarez5307 hola, por si acaso te salió?

@@sergioachon4196 si me salio pero m costo hacerlo, pero ahora trato de colocarle la descripcion de cada imagen pero en esas estoy

Puedes revisar en mi canal, tengo un vídeo haciendo un carrusel automático parecido a este.

Eso se debe arreglar con css, si copiaste el que mostré en el vídeo debe funcionar.

Se debe a esta parte del codigo yo tambie tuve ese problema *{ margin: 0; padding: 0; outline: 0; box-sizing: border-box; } html{ font-family: Arial, sans-serif; } img{ width: 100%; height: 100%; } .contenedor{ width: 100%; position: relative; height: 780px; } .botones{ font-size: 30px; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background-color: rgba(0,0,0,.7); text-align: center; font-weight: bold; position:absolute; color: #fff; box-shadow: 0 0 10px rgba(255,255,255,.6); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .botones:hover{ cursor: pointer; transform: scale(1.2,1.2); } .atras{ left: 2%; top: calc(50% - 70px); } .adelante{ right: 2%; top: calc(50% - 70px); }

@@happycaos9677 exactamente a que parte del código amigo?

@@ronaldagamaescobedo3980 x2

Es fácil, así evitas tener que agregar un evento a cada botón, sólo usas uno, y con ese trabajas con ambos botones de una vez.

Basta con que uses un setInterval() para poder ejecutar lo mismo pero cada cierto tiempo.

Hola. Puedes escribirme un inbox a mi página de Facebook, link en la descripción. Allá puedo ayudarte mejor. :)

Pues si lees los comentarios abajo, a la gran mayoría sí les ha funcionado. El código del vídeo es cómo trabaja, no hay nada oculto. Si tienes problemas y/o dudas, puedes escribirme a mi Facebook (link en la descripción), y con gusto puedo ayudarte.

@@LexterDev hola a mi me sale un error en la linea 5 que es este ('click', e =>) especificamente el simbolo = que sera???

Creo que es todo lo contrario, la mayoría dice que no les funciona, pocos son los que si les funciona y es porque lograron editarlo.

Mientras sigan el tutorial, no tiene porqué fallar.

@@LexterDev x2 habia un error :c

¿Muchos errores? ¿Cómo cuáles?

Prácticamente hay que hacerlo nuevo, esta porquería no sirve

no tiene ningún error, todo esta bien

Entiendo tu observación brother, el vídeo funciona, al menos es lo que la mayoría dice, sin embargo, entiendo que sí hay varios detalles que pueden ser mejor elaborados. Es por eso que ya tengo 2 vídeos más relacionados con este tema de un slider/carrusel de imágenes: 1 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SSPdr2jHtIs.html y 2 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ykx6NvkxIyg.html Y si aún tienes problemas y/o dudas, estoy abierto a ayudarte sin problema. Un saludo.

@@LexterDev Gracias por responderme, y pues voy a insistir, la única finalidad es comprender estos temas. Saludos.

Claro, el vídeo está con la idea de ayudar y guiar para poder lograrlo. Como te digo, puedes escribirme sin ningún problema si necesitas ayuda, por este medio o por mis redes que están en la descripción del vídeo. Un saludo.

@@LexterDev A la mayoría no nos funciona jajajajaja lea bien los comentarios

Checa el vídeo con la versión actualizada y mejorada, está acá en el canal.