Galeria de Imagenes en React (Sliders) - react-image-gallery

Подписаться 261 тыс.

Просмотров 9 тыс.

50% 1

Si estas creando un proyecto web usando React o Nextjs y necesitas añadir una galería de imágenes interactiva o algún Slider, este paquete de npm llamado react-image-gallery puede ayudarte a integrarlo rápidamente. React image gallery es una biblioteca que te permite solo pasarle las imágenes y en seguida obtendrás controles de navegación, además de configuraciones para controlar el comportamiento de los sliders.
Curso Recomendados
Curso de React: • Curso de Reactjs desde...
Curso de Nextjs: • Curso de Nextjs desde ...
🛒 Fazt Web
Tienda Online: store.faztweb....
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/py...
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Whatsapp ⮕ www.whatsapp.c...
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef2...
Namecheap ⮕ namecheap.pxf....
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.noti...
Codecrafters ⮕ app.codecrafte...
Puedes encontrar la lista de tutoriales de React en:
faztweb.com/react
#reactjs #javascript #nextjs

Опубликовано:

24 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@raulhernanromeroherrera2547 3 месяца назад

Mijo, hace 4 años lo conozco y siempre me pareció que usted habla a mil y no le podía entender pero ya domino un poco mas el código y ya le entiendo y siempre me a perecido que sus conocimientos son enormes, gracias por sus videos, soy discapacitado y viejo, jejejejeje gracias

@paracomentar2703 9 месяцев назад

Podes creer que justo estoy haciendo un proyecto donde utilizo varias imagenes y estaba por hacer un slider? me viene de 10 este video, siempre me gusta aprovechar los proyectos personales para aprender cosas nuevas, Gracias por todo Fazt

@manakicem 9 месяцев назад

Hermano, muchas gracias por tus conocimientos la verdad... De ti aprendo mucho. Ojalá un día pueda pagarte❤

@iAndTouch 9 месяцев назад

Llevaba tanto tiempo buscando justo esto… gracias como siempre por tu ayuda, máster 🙏🏼

@SonGoku-pc7jl 6 месяцев назад

buena biblioteca para sliders y muy bien explicada jeje ;) gracias Fazt!

@carlosh.s5792 6 месяцев назад

10/10, es interesante como es tan fácil agregar carruseles, antes me costaba mucho, pero veo que con las librerías nuevas es mucho más fácil

@AdrianHurtado-g5n Месяц назад

la maneta mas fácil que he podido meter un carrusel , de lujo lo rápido que es u no metes tanto código mil gracias ,para meter videos? puedes hacer uno

@aguilarchavezalexisdaniel6497 9 месяцев назад

Siempre al día contigo fazt, muchas gracias

@carmenblancodelgado691 3 месяца назад

Muchísimas gracias ❤

@steventrejos8034 9 месяцев назад

Nevesitaba esto hace 3 meses, pero igual me sirve mucho jajajaj

@agustingonzalez7641 9 месяцев назад

Muy buena! lastima que no se puede hacer con componentes, estaria muy top

@Deus-lo-Vuilt 9 месяцев назад

Gracias Fazt estos paquetes así me vienen geniales, ojalá sigas compartiendo paquetes así 🙌, de casualidad conoces alguno bueno para mapas ?

@santiagomontanezbaron5209 4 месяца назад

Si quieres utilizar tus propias imagenes, debes importarlas, y en la const en vez de ingresar la URL en comillas, poner el nombre de la imagen que quieres que se visualice, algo asi: import img1 from "../../assets/img1.jpg"; import img2 from "../../assets/img2.jpg"; import img3 from "../../assets/img3.jpg"; const images = [ { original: img1, thumbnail: img1 }, { original: img2, thumbnail: img2 }, { original: img3, thumbnail: img3 }, ]; espero que les sirva

@AlejandroRamirez-fr3jc 4 месяца назад

Para modificarle el tamaño a las imágenes como puedo hacerlo

@DRamirez3 4 месяца назад

Muy buena, excelente biblioteca .. Tengo la duda de como usar el thumbnailHeight y thumbnailWidth.. O como hacer para cambiarle el tamaño a las thumbnail..

@lucario028xd 3 месяца назад

yo estoy en las mismas

@luisaquinoc6548 9 месяцев назад

gracias maestro fazt👍

@djcadaniel-frontend 3 месяца назад

gracias

@kencrisg1819 4 месяца назад

gran video amigo graciassss.

@lkjuanjo 2 месяца назад

extension para que se vaya auto-completando el codigo asi en vs code??

@EstivenMahecha-pd9cf 9 месяцев назад

Te amo fazt

@isrcas 9 месяцев назад

Gracias muy simple de usar

@andrewberrio7374 8 месяцев назад

Muchisimas gracias!

@miltonyanaki 9 месяцев назад

Que tal fazt!! Dónde puedo escribirte para pedirte un consejo? Es que necesito tomar una decisión y tú eres mi modelo a seguir... Gracias por todo man❤

@FaztCode 9 месяцев назад

Tengo un correo fazt@faztweb.com

@lucasquiroga2241 9 месяцев назад

Hola fatz! tenes pensado hacer un curso de nextjs 14? muchas gracias, saludos desde buenos aires - argentina! 😊

@FaztCode 9 месяцев назад

El de next13 funciona pero como veo que muchos siguen pidiendo el del 14, voy a a actualizarlo y a añadirle eso también :)

@juanpablo6974 8 месяцев назад

Hola, existe una forma de ajustar el tamaño de la imagen al tamaño del div en este proceso? algo asi como el "background cover" ? Lo que pasa es que estoy tratando de hacer exactamente lo que se ve en el video pero el tamaño de mis imagenes es diferente y estoy tratando de que se adapten al tamaño del div

@arielsotod 9 месяцев назад

Ola se puede integrar en también react native

@diegomejia8649 4 месяца назад

Alguien sabe a que se debe este error ? Error: Super expression must either be null or a function :)

@edssonvega4612 3 месяца назад

yo tengo el mismo error

@Io-fi7em 9 месяцев назад

Puedes decirme como agregar texto en cada imagen ? O utilizar el evento onSlide que veo que tiene , gracis

@IsraelHerreraE 7 месяцев назад

asi: { original: `localhost:3000/images/hero/banner-home.jpg`, thumbnail: `localhost:3000/images/hero/banner-home-thumbnail.jpg`, descripcion: 'Banner Hero', },