20 tutorias de galerias e plugins em jQuery – via Web and Designers

25/06/2012 at 20:37 Deixe um comentário

Repassando um ótimo artigo do site Web and Designers.

Confira o artigo original em inglês no link: www.webanddesigners.com/20-jquery-image-and-gallery-tutorials-and-plugins/

Quando se trata de slideshow jQuery estamos falando de flexibilidade e maior flexibilidade. A flexibilidade obtém alimentada quando envolve imagens. Esta funcionalidade do jQuery fornece com a opção que cria add “wow” fator de Slides de seu projeto.

Características de apresentação de slides como loop, efeitos de reprodução automática, fade ou slide de transição, crossfading, imagem de pré-carga e paginação gerado automaticamente que é vem com o plugin slideshow simples louco para jQuery.

Então aqui temos resumiu slideshow jQuery e plugins de galeria e tutoriais que deve ajudá-lo a exibir imagens em seu próximo projeto.

1. Rotating Image Slider with jQuery

Rotating Image Slider with jQuery

Rotating Image Slider shows you how to create an asymmetrical image slider, when you try to slide the images it will rotate slightly and delay sliding of each element.

DEMO

2. Awkward Showcase – A jQuery Plugin

Awkward Showcase – A jQuery Plugin

 

DEMO

3. Face detection

Face detection

 

DEMO

4. AviaSlider

AviaSlider

A AviaSlider is a unique jQuery slideshow plugin which includes 8 unique transition effects, lots of easy to set options to create your own effects, image preloader, autoplay that stops on user interaction
and many more. It supports almost all browser include IE 6, cool hah. AviaSlider delivers a unique transition effects, it is basically jQuery slideshow plugin. Fullscreen Background image are many times attractive, you always want it to fill the screen and maintain its aspect ratio.In regards to fulfill the attribute this pluging comes handy and useful .

DEMO

5. Slidess

Slidess

Slides is slideshow plugin which includes features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. It includes few examples such as images with captions, linking, product, multiple slideshows and so on.

DEMO

6. Booklet – jQuery Plugin

Booklet - jQuery Plugin

Booklet is a jQuery tool for displaying content on the web in a flipbook layout.

DEMO

7. Fullscreen Gallery Thumbnail Flip

Fullscreen Gallery Thumbnail Flip

This tutorial will help you to create a fullscreen gallery using jQuery which has a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images.

DEMO

8. jQuery UI CoverFlow 2.0 Using $.widget

jQuery UI CoverFlow 2.0 Using $.widget

 

DEMO

9. jQuery Slidy – A Transition Plugin

jQuery Slidy - A Transition Plugin

Slidy is a plugin that creates a customizable transitions automatically. Face Detection People like different functions related to image, as the name suggest face Detection is an impressive plugin that does just what its name suggests. It detects faces in photos.

DEMO

10. COIN SLIDER

COIN SLIDER

 

 

DEMO

11. A Slick jQuery Image Slider Plugin

A Slick jQuery Image Slider Plugin

 

advertisement
DEMO

12. Thumbnails Preview Slider

Thumbnails Preview Slider

n this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to use the little thumbnails preview part only.

DEMO

13. ShineTime – A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects

ShineTime – A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects

 

DEMO

14. Nivo Slider

Nivo Slider

 

 

DEMO

15. Parallax Slider with jQuery

Parallax Slider with jQuery

 

DEMO
LINK TO TUTORIAL

16. Full Page Image Gallery with jQuery

Full Page Image Gallery with jQuery

 

DEMO

17. flickrGallery

flickrGallery

 

DEMO

18. Create a CSS3 Image Gallery with a 3D Lightbox Animation

Create a CSS3 Image Gallery with a 3D Lightbox Animation

 

DEMO

19. Photobooth with PHP, jQuery and CSS3

Photobooth with PHP, jQuery and CSS3

 

DEMO

20. Coding a Rotating Image Slideshow w/ CSS3 and jQuery

Coding a Rotating Image Slideshow w/ CSS3 and jQuery

 

DEMO

Visit PsPrint to get the best deals in free printable calendar templates

 

Referência:

 

 

Entry filed under: CSS, Galerias de imagens / LightBox, Tutoriais, Web Design. Tags: .

CSS3 Image Gallery with a 3D Lightbox Effect 30 + Exemplos de Page Flip Effect em Web Design – via Trip Wire Magazine

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Coloque seu e-mail para receber novidades e notificações do Blog.

Junte-se a 6 outros seguidores

Atualizações Twitter

Arquivo

Este blog possui a Licença Creative Commons Attribution-NonCommercial 3.0 Unported. Licença Creative Commons


Seguir

Obtenha todo post novo entregue na sua caixa de entrada.

%d blogueiros gostam disto: