Slider automático infinito con HTML y CSS

Slider automático infinito con HTML y CSS

J&G Proyectos Web

8 лет назад

54,242 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@pablito3001
@pablito3001 - 07.11.2022 23:58

Genial. Hay muy pocos videos al respecto. Y ahora la pregunta.. se puede hacer un slide pero de un texto? es decir, que vaya haciendo ese efecto de que a medida que se va por la derecha aparece otra vez por la izquierda? no se si me explico.

Ответить
@gonzalorojasfalfan1433
@gonzalorojasfalfan1433 - 12.07.2022 04:40

Me salvaste en la pega jajajaj, saludos crack

Ответить
@eliseoac966
@eliseoac966 - 05.04.2022 23:24

Alto capo hermano. 2022 y aún sigue vigente este tutorial. Me salvaste un proyecto, graciasssss!

Ответить
@jesicalorenzo8217
@jesicalorenzo8217 - 07.02.2022 00:35

genio! lo que estaba buscando!!!

Ответить
@cristiandelrio2645
@cristiandelrio2645 - 31.08.2021 21:41

Excelentemente perfecto, muchas gracias !!!

Ответить
@CarlosRodriguez-mi8yf
@CarlosRodriguez-mi8yf - 09.02.2021 23:28

Estimado exelente video, consulta: lo implementé en un sitio y funciona ok, menos en dispositivos Android. Alguna idea de porque podra ser ?? web funciona ok, incluso en iphone, pero no asi en android no se muestra la imagen. Si la inspecciono y le quito el animation se muestra la imagen fija. Gracias !!

Ответить
@juandavidagudelo2804
@juandavidagudelo2804 - 10.11.2020 00:51

Bueno video amigo, me gustaría que me ayudaras en algo similar a tu video y es que quiero es hacerlo con varias imágenes separadas que al ir desplazándose sea infinito ya que quiero que al darle click lo envie a otra pagina que tengo ¿me ayudas en esa porfa?

Ответить
@TheCarlosmedia
@TheCarlosmedia - 16.10.2020 07:41

Orale que buena onda tu tutorial.

Ответить
@jhonatangabrielluquesubia9970
@jhonatangabrielluquesubia9970 - 08.07.2020 04:49

Eres el mejor, gracias por tu tiempo.

Ответить
@SrQuazar
@SrQuazar - 18.04.2020 04:39

buenaaaaaaaaaardo hermano me re ayudo muchas gracias crack

Ответить
@smithzt8643
@smithzt8643 - 09.12.2019 05:49

eres el único que me ayuda jajaja

Ответить
@paginaswebgdl9499
@paginaswebgdl9499 - 28.11.2019 01:51

Siempre eres garantía de que funciona perfectamente la herramienta.

Ответить
@estebandifatta3689
@estebandifatta3689 - 17.10.2019 01:23

Muy bueno, funciona muy bien, pero como hago para que aparezca en la parte superior de la página, no en el centro. Gracias.

Ответить
@tobiobitouchiha9391
@tobiobitouchiha9391 - 26.08.2019 01:29

y donde están las imágenes >:u

Ответить
@firemeds.a.c6615
@firemeds.a.c6615 - 24.06.2019 17:13

Se puede hacer con varias imágenes?

Ответить
@brunoandresfontes
@brunoandresfontes - 02.06.2019 06:36

tome su like buen hombre!

Ответить
@ivantrujillo6444
@ivantrujillo6444 - 28.05.2019 09:38

Tremendo maestro, estaba buscando una solución para un slider con logos de empresas y tanto tiempo matándome la cabeza, hasta que vi tu video. Gracias por todo

Ответить
@davidruiz2728
@davidruiz2728 - 13.12.2018 23:03

y en vertical, como se haria?

Ответить
@cheyercorpusgiraldo1453
@cheyercorpusgiraldo1453 - 16.11.2018 23:09

quiero realizar lo mismo pero con flecha y que cda click avance ? me podria ayudar

Ответить
@albertogenarocarohigginson1718
@albertogenarocarohigginson1718 - 17.10.2018 21:21

Gracias!!!!

Ответить
@vivianamartinez5811
@vivianamartinez5811 - 27.08.2018 09:59

Tus vídeos son buenos, gracias por compartirlos, realmente se nota que tienes muy buen manejo. Como podría lograr lo mismo en wordpress? Espero me puedas ayudar. Gracias.

Ответить
@andresvasconez4974
@andresvasconez4974 - 09.07.2018 22:39

responde... hay como hacer responsive este slider
?

Ответить
@ricardohuaranga9621
@ricardohuaranga9621 - 27.06.2018 22:39

en mi slider que esta compuesta de varias paginas al final me muestra pantallaso blanco. alguna solucion ???

Ответить
@leondeburgh5691
@leondeburgh5691 - 22.06.2018 00:29

Estimado, primero que nada, felicitaciones, excelente video. Te cuento, tengo una imagen de 21122 px por 85px, son muchas marcas de las que comercializamos en la empresa, y no puedo ver nada, algo debo estar haciendo mal porque cuando se ve por un segundo es una masa de imágenes en que no se distingue nada.

Ответить
@angiegarcia5920
@angiegarcia5920 - 08.06.2018 17:06

Si lo quiero de 3 imagenes, pongo de witdht de 400% a 300% y borro donde dice cMbio img 400%, pero al ver cuando llega al final la imagen da un giro de atras hacia delante y delante hacia atras rapido, y ahi si continua la animación, sera un error de programación?

Ответить
@alextairoalvarez1746
@alextairoalvarez1746 - 06.04.2018 19:23

MUY BUENO EL VIDEO , PODRIA HACER UN VIDEO DE UNA GALERIA CON SLIDER POR FAVOR

Ответить
@laMarvilla4
@laMarvilla4 - 03.04.2018 18:35

Gracias me ayudo mucho este video, tenia que hacer un slider mostrando los logos de los clientes de la pagina web y no encontré ninguno pero ese efecto me ayudo mucho a solucionarlo. Mil gracias :3

Ответить
@juancarloscolalasandoval6058
@juancarloscolalasandoval6058 - 04.01.2018 03:26

como le hago con varias imagenes

Ответить
@mariomori6836
@mariomori6836 - 30.10.2017 14:51

me funciona perfecto en la web , pero en el diapositivo movil , no se ve el carrusel , que podria pasar ??? , gracias

Ответить
@williamluque5268
@williamluque5268 - 24.10.2017 02:28

y visto muchos videos y este es el que se acerca a como hacer lo mismo ..pero no puedo adaptarlo para varias imagines con link y que al pasar el cursor se detenga te agradecería si lo pudieras hacer

Ответить
@paulomagalhaes6752
@paulomagalhaes6752 - 11.09.2017 05:21

tem como formar esta imagens em infinito e ao clicar abrir imagens maior como ligthbox como no antigo badoo...abracos

Ответить
@JosePerez-uo5nw
@JosePerez-uo5nw - 25.08.2017 06:01

se puede insertar flechas? y como lo hago

Ответить
@rosalindamemenzaquispe3226
@rosalindamemenzaquispe3226 - 12.06.2017 13:31

interesante , como lo arias con images sin photoshop

Ответить
@exerramos5960
@exerramos5960 - 07.05.2017 10:55

que dejaras los codigo ya echos para coíar seria mejor!

Ответить
@ithanhunt3250
@ithanhunt3250 - 22.04.2017 20:16

PODRIAS HACERLO CON IMAGENES REALES DESDE UNA CARPETA DE IMAGENES CON UNA 30 IMAGENES ?

Ответить
@ithanhunt3250
@ithanhunt3250 - 22.04.2017 09:02

ESO SE PUEDE HACER CON UNA MARQUESINA Y LISTO

Ответить
@ramoncanizalez8192
@ramoncanizalez8192 - 21.02.2017 19:27

profesor ¿como esta? le escribo de aqui de venezuela muy bien explicito su video pero tengo un problemita, la imagen no me proyecta en los navegadores, meti la imagen en la carpeta donde esta el index y el estilo la tengo en jpg elaborada en cs6 de photoshop y estoy siguiendo sus codigos, espero que pueda ayudarme.

Ответить
@jesusgonzalez7542
@jesusgonzalez7542 - 16.12.2016 22:39

Amigo muy buenos tus vídeos, quisiera saber si tienes alguno donde expliques como montar una pagina web a un servidor, en mi caso creo uno en raspberry.

Ответить
@monomatizate
@monomatizate - 11.12.2016 22:28

hola veo en tu canal que no tienes videos con scrolling, el efecto que le das al botón y se desliza hasta la altura donde esta el contenido y le das a otro botón y se va a otra etc... o si lo tienes y no lo vi??? :)

Ответить
@Titanblack007
@Titanblack007 - 16.10.2016 19:48

como raios lo pongo mas lento sin que se descuadre la animacion

Ответить
@miguelromero7559
@miguelromero7559 - 23.09.2016 21:02

Como hacerlo vertical el slider gracias y espero la respuesta?

Ответить
@miguelromero7559
@miguelromero7559 - 23.09.2016 21:00

Bacano, chebre, bien, me sirvio para la tarea gracias

Ответить
@hugosilva8979
@hugosilva8979 - 16.06.2016 05:10

Gran máster todavía no logro introducirlo a la web

Ответить
@hugosilva8979
@hugosilva8979 - 12.06.2016 03:37

lo hice pero no se como agregarlo a mi pagina me podrias ayudar?

Ответить
@edwardocdu8925
@edwardocdu8925 - 18.05.2016 00:35

Hola muchas gracias por el video muy explicativo...
Tengo una pequeña duda si yo quisiera hacer algo parecido podria separar las imagenes y no tenerlas juntas para que cada imagen tenga un link diferente.

Gracias de Antemano

Ответить
@edbolgu
@edbolgu - 22.02.2016 01:17

Realizo sus pasos y nada que el navegador lo ejecuta... Utilizo Notepad++

Ответить
@ttaysomm
@ttaysomm - 17.02.2016 21:16

Muy bueno

Ответить