Algunos plugins de JQuery para galerías de fotos y sliders

Publicado por Soy Larry
hace 6 años

Los diseñadores y propietarios de sitios web que quieren una página llena de imágenes tienen una gran variedad de opciones y tecnologías disponibles. Los sliders y galerías de imágenes son muy populares hoy en día. Y su calidad ha mejorao enormemente gracias a la llegada de los poderosos frameworks como jQuery, Mootools y Prototype.<br />Los sliders más populares en este momento tienen efectos asombrosos, opciones para difuminado, fácil navegación, transiciones suaves y compatibilidad con la mayoría de los navegadores. Si bien podemos configurarlos para que hagan más cosas en muchas maneras, su única función es mostrar todas nuestras imágenes de la forma más conveniente. Aunque un simple y anticuado marco con algunas flechas de navegación cumpliría el mismo objetivo.<br />Los sitios de portfolio comúnmente usan galerías y sliders de jQuery para mostrar imágenes y fotografías de diferentes proyectos, pero también son usados por otro tipo de sitios web. Ya que estos hacen la vista de las imágenes más sencilla y más placentera para los visitantes.<br />Aquí encontraremos un listado de plugins jQuery para sliders y galerías de imágenes que fácilmente podrán ser incrustados en nuestros sitios web.<p><br /></p><h3>slick</h3><p>Sitio web: <a href="http://kenwheeler.github.io/slick/" rel="nofollow">http://kenwheeler.github.io/slick/</a><br /><img src="http://s11.postimg.org/aw1x3hzr7/kenwheeler_github_io_slick_jpg_209eb7.jpg" alt="kenwheeler_github_io_slick_jpg_209eb7.jp" /><br /></p><h3>Unslider</h3><p>Sitio web: <a href="http://unslider.com/" rel="nofollow">http://unslider.com/</a><br /><img src="http://s11.postimg.org/fj7z59n43/unslider_com_jpg_209eb7.jpg" alt="unslider_com_jpg_209eb7.jpg" /><br /></p><h3>bxSlider</h3><p>Sitio web: <a href="http://bxslider.com/" rel="nofollow">http://bxslider.com/</a><br /><img src="http://s11.postimg.org/w89f16jpf/bxslider_com_jpg_209eb7.jpg" alt="bxslider_com_jpg_209eb7.jpg" /><br /></p><h3>SlidesJS</h3><p>Sitio web: <a href="http://www.slidesjs.com/" rel="nofollow">http://www.slidesjs.com/</a><br /><img src="http://s11.postimg.org/nen3xtm4j/slidesjs_com_jpg_209eb7.jpg" alt="slidesjs_com_jpg_209eb7.jpg" /><br /></p><h3>Hashslider</h3><p><a href="http://mhuegel.de/lab/hashslider/" rel="nofollow"><span>Sitio web: </span>http://mhuegel.de/lab/hashslider/</a><br /><img src="http://s11.postimg.org/gpgkht0sj/mhuegel_de_lab_hashslider_hashslider_jpg_209eb7.jpg" alt="mhuegel_de_lab_hashslider_hashslider_jpg" /><br /></p><h3>OWL Carousel</h3><p>Sitio web: <a href="http://www.owlgraphic.com/owlcarousel/" rel="nofollow">http://www.owlgraphic.com/owlcarousel/</a><br /><img src="http://s11.postimg.org/r0sxagshv/owlgraphic_com_owlcarousel_jpg_209eb7_Carousel.jpg" alt="owlgraphic_com_owlcarousel_jpg_209eb7_Ca" /><br /></p><h3>Glide</h3><p>Sitio web: <a href="http://jedrzejchalubek.com/glide/" rel="nofollow">http://jedrzejchalubek.com/glide/</a><br /><img src="http://s11.postimg.org/6upfbkwub/jedrzejchalubek_com_glide_jpg_209eb7.jpg" alt="jedrzejchalubek_com_glide_jpg_209eb7.jpg" /><br /></p><h3>Swipebox</h3><p>Sitio web: <a href="http://brutaldesign.github.io/swipebox/" rel="nofollow">http://brutaldesign.github.io/swipebox/</a><br /><img src="http://s11.postimg.org/9q2iig0ub/brutaldesign_github_io_swipebox_jpg_209eb7.jpg" alt="brutaldesign_github_io_swipebox_jpg_209e" /><br /></p><h3>Fresco</h3><p>Sitio web: <a href="http://www.frescojs.com/" rel="nofollow">http://www.frescojs.com/</a><br /><img src="http://s11.postimg.org/agv8o837n/frescojs_com_jpg_209eb7.jpg" alt="frescojs_com_jpg_209eb7.jpg" /><br /></p><h3>least.js</h3><p>Sitio web: <a href="http://leastjs.com/" rel="nofollow">http://leastjs.com/</a><br /><img src="http://s11.postimg.org/wu2zb145f/leastjs_com_jpg_209eb7.jpg" alt="leastjs_com_jpg_209eb7.jpg" /><br /></p><h3>FlexSlider</h3><p>Sitio web: <a href="http://www.woothemes.com/flexslider/" rel="nofollow">http://www.woothemes.com/flexslider/</a><br /><img src="http://s11.postimg.org/toidktlj7/flexslider_woothemes_com_jpg_209eb7.jpg" alt="flexslider_woothemes_com_jpg_209eb7.jpg" /><br /></p><h3>ResponsiveSlides.js</h3><p>Sitio web: <a href="http://responsiveslides.com/" rel="nofollow">http://responsiveslides.com/</a><br /><img src="http://s11.postimg.org/noumh60qr/responsiveslides_com_jpg_209eb7.jpg" alt="responsiveslides_com_jpg_209eb7.jpg" /><br /></p><h3>Responsive Carousel</h3><p>Sitio web: <a href="http://basilio.github.io/responsiveCarousel/" rel="nofollow">http://basilio.github.io/responsiveCarousel/</a><br /><img src="http://s11.postimg.org/sc0oixo3n/basilio_github_io_responsive_Carousel_jpg_209eb7.jpg" alt="basilio_github_io_responsive_Carousel_jp" /><br /></p><h3>S Gallery</h3><p>Sitio web: <a href="http://sarasoueidan.com/blog/s-gallery/" rel="nofollow">http://sarasoueidan.com/blog/s-gallery/</a><br /><img src="http://s11.postimg.org/crxw653cz/sarasoueidan_com_demos_s_gallery_jpg_209eb7_Gall.jpg" alt="sarasoueidan_com_demos_s_gallery_jpg_209" /><br /></p><h3>Justified Gallery</h3><p>Sitio web: <a href="http://miromannino.com/projects/justified-gallery/" rel="nofollow">http://miromannino.com/projects/justified-gallery/</a><br /><img src="http://s11.postimg.org/diqmbx5qb/miromannino_com_projects_justified_gallery_jpg_2.jpg" alt="miromannino_com_projects_justified_galle" /><br /></p><h3>nanoGALLERY</h3><p>Sitio web: <a href="http://nanogallery.brisbois.fr/" rel="nofollow">http://nanogallery.brisbois.fr/</a><br /><img src="http://s11.postimg.org/hgdw1bsjn/nanogallery_brisbois_fr_jpg_209eb7.jpg" alt="nanogallery_brisbois_fr_jpg_209eb7.jpg" /><br /></p><h3>Photobox</h3><p>Sitio web: <a href="http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/" rel="nofollow">http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/</a><br /><img src="http://s11.postimg.org/6i2mj53yb/dropthebit_com_demos_photobox_jpg_209eb7.jpg" alt="dropthebit_com_demos_photobox_jpg_209eb7" /><br /></p><h3>Fotorama</h3><p>Sitio web: <a href="http://fotorama.io/" rel="nofollow">http://fotorama.io/</a><br /></p><p><img src="http://s11.postimg.org/yjgnwu98j/fotorama_io_jpg_209eb7.jpg" alt="fotorama_io_jpg_209eb7.jpg" /><br /></p><p><br /></p><p>Bueno. Eso es todo. Espero que alguno de estos plugins les sea de utilidad. Pueden dejar sus comentarios y darme un +1 :D</p><p>Nos vemos en futuros artículos!!<br /></p>