Os 55 melhores Plugins jQuery

jquery carrossel

Em web design um carrossel jQuery é um elemento dando aos visitantes fácil acesso a vários itens de conteúdo. É normalmente uma lista de rolagem dinâmica de itens na ordem horizontal onde os itens anteriores e posteriores são parcialmente visíveis. Os itens, que podem ser de conteúdo HTML estático ou carregado com (ou sem) AJAX, pode ser rolada para trás e para frente (com ou sem animação). Usando deslizantes painéis horizontais, conhecidos como carrosséis e Sliders, para apresentar conteúdos de topo é uma das tendências mais fortes de web design ao longo do último par de anos. É um método muito eficaz para aumentar a usabilidade do site web e envolver o usuário. A razão para esta tendência se deve principalmente a chegada do jQuery que tornaram quase “passeio no parque” a adicionar um carrossel jQuery ou deslizante jQuery imagem plugin para um web site.Hoje em dia existem muitos excelentes plugins jQuery Carousel livres disponíveis e torna-se difícil escolher o melhor. Este artigo foi criado especificamente para ajudar você a começar a usar Carrosséis jQuery mas você também pode querer verificar para fora alguns Slider jQuery plugins.Este artigo foi recentemente atualizado com novos plugins jQuery carrossel e todos os links onde verificada.

1. JCoverflip

imagem

jCoverflip foi desenvolvido para permitir a personalização fácil e granular da aparência e apresentam set.

MAIS INFO / DEMO (plugin gratuito)

2. PhotoStore Carousel Minimal

minimal-carrossel

Carrossel PhotoStore mínimo tem sido construído de acordo com a Usabilidade e Acessibilidade, com muito pouco uso de javascript.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

3. SLIDEDECK

Slidedeck

SlideDeck é um popular imagem roteiro deslizante jQuery que lhe permite organizar qualquer tipo de conteúdo web em uma barra bonita e user-friendly. Recentemente, uma versão do WordPress deste controle deslizante popular foi disponibilizado, chamado SlideDeck2 e vale a pena conferir com certeza!

MAIS INFO

4. Slider camada

LAYERSLIDER

Este é um slider conteúdo jQuery usando o famoso efeito de paralaxe! Você pode criar tantas camadas e subcamadas que você deseja. Você pode usar imagens ou quaisquer outros elementos HTML, incluindo filmes em Flash como camadas. O roteiro é muito user-friendly, você pode adicionar configurações globais ou locais (por lâmina) configurações para cada camada ou subcamada. Você pode alterar os tempos de demora, tipos de flexibilização, durações e muito mais.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

5. Galleria (replonsive)

imagem

Galleria é um framework JavaScript galeria de imagem construída em cima da biblioteca jQuery. Seu objetivo é simplificar o processo de criação de galerias de imagens profissionais para a web e dispositivos móveis. Galleria está preparado para ambientes responsivos, e reage às medidas dinâmicas e consultas de mídia usando opções simples.

MAIS INFO / DEMO (plugin gratuito)

6. 3D Carousel – Carrossel jQuery avançada

3d-carrossel

3D Carousel é um plugin jQuery poderoso que lhe permite organizar um conjunto de imagens em um layout de carrossel.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

7. Evolução do carrossel jQuery

jquery-carrossel-evolução

Evolução do carrossel jQuery é um plugin jQuery que permite que você crie facilmente deslizante carrossel poderoso usando marcação HTML. O plugin também oferece uma API fácil de usar que permitem melhorar ainda mais a funcionalidade do carrossel. Ótimo para controle deslizante screenshoot.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

8. Nuvem de carrossel

Nuvem de carrossel

Este carrossel jQuery possui opcionais auto-reflexões, e as informações contidas nos Alt e Title Tag das imagens pode opcionalmente ser mostrada como você passa o mouse sobre cada imagem. Há alguns benefícios para fazer esse tipo de coisa em JavaScript ao invés de Flash, não menos do que é a facilidade de integração tamanho do arquivo, pequeno, SEO, e degradabilidade inerente / acessibilidade. Não tendo outra ferramenta dev-no fluxo de trabalho é outra vantagem. O carrossel apresenta perspectiva realista. Muitos carrosséis 3d só é aplicável a escala perspectiva para o tamanho das imagens não, as suas posições. Isso resulta em lacunas desproporcionais que aparecem entre os itens à medida que diminuir a distância que parece estranho.

MAIS INFO / DEMO (plugin gratuito)

9. Banner Rotator jQuery / Content Slider / Carousel

jquery banner rotator-conteúdo-deslizante carrossel

All In One é um Slider Jquery avançada que vem em 5 sabores: Banner Rotator, Banner Miniaturas, Banner com Playlist, Content Slider, Carousel. Ele permite que você facilmente criar poderosos controles deslizantes com texto animado usando tags HTML padrão, fazendo o controle deslizante muito fácil de configurar e manter. Por favor, veja as características de cada produto e verifique a visualização ao vivo de esse controle deslizante e convencer-se da sua qualidade.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

10. Slider Timeline jQuery

cronograma deslizante

Slider Timeline é um plugin muito legal para criar linhas do tempo de sua história. Sua configuração principal pode ser facilmente customizado devido aos seus parâmetros de configuração de compactos, diretamente do arquivo html. Configurações também mais podem ser editados através do arquivo de folha de estilo css. Ele vem com 2 skins, claro, escuro, para fazer a integração fácil em seu projeto web. A biblioteca jQuery poderoso faz este componente multi-plataforma.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

11. Carrossel JSized

jsized-carrossel

JSized Carousel é um plugin jQuery que converte uma lista de imagens em uma galeria de imagem agradável. O layout e animação é um pouco diferente do que você vê em outros plugins e faz valer a pena cheking fora.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

12. BX Slider

55m4

Content Slider jQuery HTML com transições horizontais, verticais, e fade

MAIS INFO / DEMO (plugin gratuito)

13. Estro – jQuery Ken Burns & furto deslizante efeito

estro-jquery-deslizante

Este plugin jQuery usa javascript unobstrusive para transformar um bloco de marcação HTML simples em um controle deslizante georgous elegante, que pode ser completamente personalizada usando atributos HTML5 de dados. A marcação é válido HTML5 e SEO optimzied, com todo o conteúdo estar sempre disponível para os motores de busca. Ao usar este plugin, o layout da página vai ser mais consistente, mesmo se o javascript está desativado. Esta barra inclui um suave e potente efeito Ken Burns, que é completamente configurável e compatível com todos os principais navegadores (incluindo IE7 para o IE9, o Firefox Chrome, Opera, Safari) e plataformas móveis como o iPhone / iPad. Se o efeito Ken Burns não é sua coisa, tudo bem, porque o “Estro” deslizante também inclui um 2-way “Swipe” modo com transições configuráveis.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

14. Rotunda para jQuery – Carrossel jQuery legal e diferente

Rotunda para jQuery

Roundabout é um jQuery plugin que converte uma estrutura de elementos HTML estáticos em uma área altamente personalizável plataforma giratória como interativo.

MAIS INFO / DEMO (plugin gratuito)

15. Banner Rotator jQuery / Slideshow

bandeira jquery

Este é um plugin jQuery rotador bandeira com várias transições. As miniaturas e botões permitem a fácil navegação de seus banners / anúncios. O rotor da bandeira é também re-considerável e configurável através de parâmetros do plugin.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

16. Wow Slider

Wow Slider

Slider WOW é um slider imagem jQuery com impressionantes efeitos visuais ( Explosão , Fly ,cortinas , Praças , Slices , Básico , desvanece-se , Ken Burns ) e toneladas de modelos feitos por profissionais. Slider WOW é lançado com um assistente de ponto-e-clique para criar cursores fantásticos em questão de segundos, sem codificação e edição de imagem.

MAIS INFO / DEMO (plugin gratuito)

17. iCarousel ™

icarousel

iCarousel é um plugin jQuery poderoso móvel de fácil e leve, que permite-lhe organizar um conjunto de imagens em um layout de carrossel. O plugin também oferece uma API fácil de usar que permitem melhorar ainda mais a funcionalidade do carrossel. Ótimo para controle deslizante screenshoot.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

18. Boutique carrossel

boutique carrossel

Um pronto para usar controle deslizante jQuery / carrossel para apresentar as suas imagens de uma forma única, lisa e personalizável.

Basta ligar para o JavaScript e CSS e aplicá-la a seu elemento HTML como plugins jQuery outros.Personalize as definições e CSS para combinar com seu estilo e objetivo. A documentação completa e exemplos incluídos.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

19. Carou Fredsel

55m19

jQuery.carouFredSel é um plugin que transforma qualquer tipo de elemento HTML em um carrossel.Pode rolar itens de uma ou várias ao mesmo tempo, horizontal ou vertical, infinito e circular, de forma automática ou pela interação do usuário. Ah, e é sensível demais.

MAIS INFO / DEMO (plugin gratuito)

20. Showbiz Negócios Plugin jQuery Carousel

showbiz-carrossel-jquery-plugin

Este é um plugin altamente personalizável para mostrar-lhe ou serviços de seus clientes, itens de portfólio, o conteúdo do blog … Basicamente tudo pensáveis informações de negócios.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

21. AVIA Slider

imagem

Este plugin possui 8 efeitos de transição únicas, preloader de imagem, autoplay, que pára na interação do usuário e muita fácil de configurar as opções para criar seus próprios efeitos.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

22. Barousel

Barousel é um plugin jQuery

Barousel é um jQuery plugin para gerar facilmente carrosséis simples, onde cada slide é definida por uma imagem + qualquer tipo de conteúdo relacionado.

MAIS INFO / DEMO (plugin gratuito)

23. Carrossel elegante

elegante-carrossel

Carrossel elegante é um slider com carrossel de dois efeitos diferentes. Você também pode escolher entre 2 de orientação.
Você pode adaptar o controle deslizante verry carrossel facilmente às suas necessidades com o css.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

24. Slider nada

deslizante nada

Os painéis são AnythingSlider HTML Conteúdo (pode ser qualquer coisa). AnythingSliders múltiplas permitidas por página … e muito mais

MAIS INFO / DEMO (plugin gratuito)

25. Slider Sexy

deslizante-sexy

SexySlider é um plugin jQuery controle deslizante que permite criar facilmente Sliders javascript poderosas com efeitos de transição muito agradáveis. Melhore o seu site, acrescentando uma barra original e atraente!

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

26. Dupla deslizante

Site foi não existe mais.

27. Carrossel líquido

55m27

Carrossel líquido é um plugin jQuery destina para projetos de líquidos. Cada vez que o recipiente do carrossel fica redimensionada, o número de itens na lista a mudança para ajustar a largura novo.

MAIS INFO / DEMO (plugin gratuito)

28. diapositivos

Slides é um plugin para jQuery slideshow

Slides é um plugin de slideshow para jQuery que é construída com a simplicidade em mente. Equipado com um conjunto útil de recursos para ajudar os desenvolvedores iniciantes e avançados criar slideshows elegante e user-friendly.

MAIS INFO / DEMO (plugin gratuito)

29. Agile jQuery Carousel

Agile jQuery Carousel

Plugin jQuery Carousel altamente personalizável para que você possa construir de acordo com suas necessidades. JSON formato de dados é utilizado para fornecer mais fácil a integração com dados externos ou dados de seu CMS. Use-o para desenvolvimento ágil na web. Esta é uma versão totalmente nova escrita a partir do zero. Efeitos jQuery UI e da capacidade de ler arquivos no servidor não são mais incluídos. Os novos recursos são adicionados, como “conjuntos de controle”, que permitem uma configuração mais personalizável. Agora publicado no Github para um desenvolvimento mais rápido.

MAIS INFO / DEMO (plugin gratuito)

30. jCarousel

55m2

jCarousel é um jQuery plugin para controlar uma lista de itens de forma horizontal ou vertical. Os itens, que podem ser de conteúdo HTML estático ou carregado com (ou sem) AJAX, pode ser rolada para trás e para frente (com ou sem animação).

MAIS INFO / DEMO (plugin gratuito)

31. Recurso jQuery carrossel

55m28

Este plug in-foi destinado a ser usado para exibir reportagens em uma home page de um site, mas pode ser usado por qualquer motivo e é altamente personalizável. Será sempre exibir três imagens, ao mesmo tempo, com todo o resto oculto por trás do centro da imagem. Tenho instruções detalhadas para usar o plug-in, bem como uma lista de todas as opções e algumas perguntas freqüentes. Se você tem alguma dúvida sobre o carrossel, por favor poste um comentário abaixo.

MAIS INFO / DEMO (plugin gratuito)

32. Plugin jQuery Carousel

Plugin jQuery Carousel

Este plugin foi reescrito usando jQuery UI Fábrica de Widget com alguns recursos extras, incluindo AutoScroll

MAIS INFO / DEMO (plugin gratuito)

33. Slideshow Carousel

55m14

Slideshow Carousel é um script DHTML fabuloso para o mostruário de imagens em seu site. Ele exibe imagens de uma forma, 3D carrossel.

MAIS INFO / DEMO (plugin gratuito)

34. Visualizador de rotação 3D

imagem

Este material fresco facilmente cria um visualizador 3D em rotação UIZE que permite aos usuários rodar a vista de um objeto 360 graus usando um mouse ou dedo sobre o Apple iPad.

MAIS INFO / DEMO (plugin gratuito)

35. Galeria de Imagens Full Page com jQuery

imagem

Esta é uma galeria impressionante página completa com miniaturas de rolagem e uma visualização de tela cheia rolável. Isso funciona com bar miniaturas na parte inferior da página que desloca-se automaticamente quando o usuário move o mouse. Quando uma miniatura é clicado, ele se move para o centro da página e da imagem em tela cheia é carregado em segundo plano. Agora o usuário pode mover para cima e para baixo ea imagem vai ficar deslocado automaticamente, dando-lhe a oportunidade de ver toda a imagem.

MAIS INFO / DEMO (plugin gratuito)

Slideshow 36.HTML5 w / Canvas e jQuery

imagem

Este efeito cria slideshow progressivamente reforçado com um efeito fantasia transição.

MAIS INFO / DEMO (plugin gratuito)

37. Icarousel

iCarousel - deslizante imagens Horizontal

Carrossel é uma fonte aberta (gratuita) ferramenta para a criação de javascript jQuery carrossel como widgets

MAIS INFO / DEMO (plugin gratuito)

38. Galerias de fábrica

GALERIAS DE FÁBRICA

Você pode criar todas as galerias que você quer com elegância e estilo. O wffect deslizante para imagens e texto é muito legal.

MAIS INFO / DEMO – por CodeCanyon (plugin premium)

39. Fazendo um carrossel infinito JQuery

Fazendo um carrossel infinito JQuery

Neste tutorial vamos fazer um carrossel JQuery infinito. Muitos tutoriais sobre como fazer um carrossel infinito JQuery são bastante complexos, então esta é uma attemot para mostrar-lhe como fazê-lo muito mais simples.

MAIS INFO / DEMO (plugin gratuito)

40. Rcarousel

jquey carrossel, Rcarousel

rCarousel – outro (mas super duper) contínua jQueryUI carrossel. Ele tem muitos recursos e bons exemplos.

MAIS INFO / DEMO (plugin gratuito)

41. Plugin jQuery Supersized

imagem

Plugin jQuery Supersized é um fundo de tela cheia e apresentação de slides que você pode usar para satisfazer o desejo de seus clientes para imagens grandes e maravilhosas.

MAIS INFO / DEMO (plugin gratuito)

42. Passo jQuery Carousel Visualizador

passo jquey carrossel

Passo jQuery Carousel Viewer exibe imagens ou HTML mesmo rico por deslocamento lateral-los para a esquerda ou direita. Os usuários podem entrar a qualquer painel específico sobre a demanda, ou navegar na galeria sequencialmente, percorrendo x número de painéis de cada vez. A animação suave deslizamento é usado para fazer a transição entre as etapas. E não temo em domar esse script para ir exatamente onde você quer que ele e dois métodos públicos, dois manipuladores de eventos personalizados, e três “status” variáveis estão aqui para o efeito.

MAIS INFO / DEMO (plugin gratuito)

43. Miniaturas Galeria de navegação com jQuery

imagem

Miniaturas Galeria de navegação com jQuery é uma extraordinária galeria com miniaturas de rolagem que deslizar para fora a partir de uma navegação. Tem um menu de álbuns onde cada item pode revelar uma barra horizontal com miniaturas quando clicado. O recipiente de miniaturas rolará automaticamente quando o usuário move o mouse para a esquerda ou a direita.

MAIS INFO / DEMO (plugin gratuito)

44. Sideways – Fullscreen Galeria

imagem

Sideways é uma galeria de imagens simples, mas elegante fullscreen criado com o framework jQuery e alguns CSS simples.

MAIS INFO / DEMO (plugin gratuito)

44. Nivo Slider

imagem

Nivo barra é um controle deslizante jQuery incrível que apresenta uma transição suave, navegação pelo teclado e legendas html.

MAIS INFO / DEMO (plugin livre e premium)

45. jQuery popeye 2,0

imagem

Esta caixa de popeye usa as opções padrão: ele flutua para a esquerda e abre para a direita, sua navegação e mostra legenda no mouseover. Ao colocar a navegação dentro da área do palco (onde a imagem é exibida), podemos obtê-lo a pairar sobre a imagem.

MAIS INFO / DEMO (plugin gratuito)

46. Plugin jQuery Carousel Infinito

infinito carrossel

Diferentemente da maioria dos plugins do carrossel que param quando chegam à última imagem, esta permite que o show para ir infinitamente, sem qualquer intervenção do usuário. Se você tem três imagens que você deseja exibir, após a terceira imagem foi exibido, a primeira imagem será o próximo. Através de algumas JavaScript inteligente, as imagens são embaralhadas em torno de modo que parece que o carrossel é um carrossel de verdade e nunca termina.

MAIS INFO / DEMO (plugin gratuito)

47. jMyCarousel

jquey carrossel, Jmycarousel

jMyCarousel é gratuito, altamente personalizável, carrossel obstrutiva não escrito em javascript, com base em jquery, e criado para atender qualquer necessidade. Ele permite exibir uma lista ou uma galeria de imagens de uma forma dinâmica. Ele pode ser adaptado facilmente para qualquer layout, ea forma como ele anima a imagem é adaptável.

MAIS INFO / DEMO (plugin gratuito)

48. Formas Roundabout

55m10

Formas Roundabout fornecer caminhos ainda mais ao longo da qual o seu Roundabout podem se mover. A versão atual do Formas Roundabout oferece onze movimentos adicionais.

MAIS INFO / DEMO (plugin gratuito)

49. JQuery Carousel Moodular

jquery carrossel [3]

Moodular é um plugin jQuery que permite criar carrossel / deslizante com muita facilidade.Moodular vem da contração de duas palavras: o humor e modular.

MAIS INFO / DEMO (plugin gratuito)

50. Passo Visualizador de carrossel

imagem

Passo Carousel Viewer exibe imagens ou HTML mesmo rico por deslocamento lateral-los para a esquerda ou direita. Os usuários podem entrar a qualquer painel específico sobre a demanda, ou navegar na galeria sequencialmente, percorrendo x número de painéis de cada vez. A animação suave deslizamento é usado para fazer a transição entre as etapas.

MAIS INFO / DEMO (plugin gratuito)

51. Slider Coin

imagem

Esse controle deslizante jQuery possui transição suave (fatia imagens em praças) efeitos e é compatível com Internet Explorer 6 +, Firefox 2 +, Safari 2 +, Google Chrome 3 +, Opera 9 +

MAIS INFO / DEMO (plugin gratuito)

52. jQuery Carousel Ms

jquery Ms Carousel

Cada carrossel pode ter próprio olhar & sensação e comportamento. Coloque o botão anterior / seguinte onde quer que você quer ou não colocar em qualquer lugar cabe a você. A parte mais importante é, que retorna um objeto do carrossel e fazer o que quiser.

MAIS INFO / DEMO (plugin gratuito)

53. Teatro Carousel

Teatro Carousel

Este jQuery Carousel pode fazer as duas barras horizontais e verticais e, em particular o carrossel horizontal parece incrível. Muito simples de usar e tem boas opções de controle.

MAIS INFO / DEMO (plugin premium)

54. Fazendo Slideshow Mosiac com jQuery e CSS

Fazendo Slideshow Mosiac com jQuery e CSS

Neste tutorial, você estará fazendo uma jQuery e CSS galeria mosaico – que também está disponível como download. Mosaic, pois contará com um interessante efeito de transição telha quando se deslocam de um slide para outro.

MAIS INFO / DEMO (plugin gratuito)

55. jDigiclock deslizante

55m24

MAIS INFO / DEMO (plugin gratuito)

wiliamluis

Comment (9)
Douglas Mendes
22 de novembro de 2012

Sou fan de jquery sempre procurei usar nos meu projetos…

Responder
William Luis
23 de novembro de 2012

Obrigado por procurar aqui, realmente jQuery ajuda muito, deixando o site com um visual melhor e mais agradável. Obrigado.

Responder
Flavio Paiva Batista Harder
1 de dezembro de 2012

Muito bom, obrigado pelos plugins.

Responder
Ndombasi Filipe Mbala
12 de dezembro de 2012

No jQuery emcontrei o que eu andei a procura e deichou o mei site bem bonito e elegante. Obrigado

Responder
William Luis
12 de dezembro de 2012

Eu que agradeço por visitar e saber que gostou muito do post. Muito obrigado.

Responder
Kim
15 de janeiro de 2013

Muito interessante, parabéns pelo trabalho!

Responder
William Luis
15 de janeiro de 2013

Muito obrigado

Responder
FERNANDO RODRIGUES
22 de abril de 2013

BELO TRABALHO, AGORA SÓ PRECISO APRENDER A FAZER!HEHE.

Responder
William Luis
22 de abril de 2013

Obrigado, agradeço por acessar o blog =)

Responder

Deixe sua resposta