Você está aqui: Web Grafismo Componentes Galeria Slider de Imagens jQuery: Agile Carousel
Slider de Imagens jQuery: Agile Carousel
Subscreva via RSS ♥ Email ♥ iGoogle Partilhe no Twitter ♥ Facebook ♥ Del.icio.us ♥ Digg ♥ EmailAgile Carousel é um plugin jQuery com características especiais para criar sliders de imagens muito atractivos. Com um monte de opções para personalizar o slider, este pode ainda ser utilizado com ou sem a UI da plataforma jQuery, para mais efeitos o plugin disponibiliza um controlo total da aplicação.
Apartir de uma pasta mencionada, o plugin obtem as imagens via PHP (e não Ajax).
Aqui fica uma pequena lista dos seus controlos:
- Botões de opções anterior-seguinte
- Activar-Desactivar as legendas do slide
- Utilização de marcas-de-água (texto)
- & muito mais…
A demonstração com todas as suas características deve ser encontrada aqui.
Requisitos: jQuery, PHP
Compatibilidade: Os principais Browsers
Website: http://code.google.com/p/agile-carousel/
Demonstração: http://www.5bosses.com/examples/agile_carousel/full_…
Download: http://code.google.com/p/agile-carousel/downloads/list
s3Slider é um plugin jQuery para slideshow de imagens inspirado no Smooth Slideshow. O slideshow é realizado apartir de listas não ordenadas, sendo extramente simples de implementar num website. A informação sobre as imagens dentro do slideshow pode ser exibida quase em qualquer parte da imagem tal como o script pode ser estilizado totalmente via CSS. [...]
Carousel.us é um carrossel 3D em Javascript, que utiliza as plataformas prototype.js e scriptaculous.js. Utiliza também PHP Easy Reflections de Richard Davey. Você irá descobrir um ficheiro de configuração que pode definir os parâmetros por defeito ou pode defini-los através da utilização da URL usando o método GET. Com o Carrossel 3D pode definir a opacidade [...]
Sobre o autor
User Interface Designer e Front End Developer. É autor do site Webgrafismo, onde dispõe novidades Open Source para Web Developers. Segue-o no twitter em @pedromagalhaesRespostas a “Slider de Imagens jQuery: Agile Carousel”
O que se diz por aí...
O que tens a dizer?
Registar o seu Gravatar.
Componentes
Plugin jQuery para Animações Pan e Cross Fade: "CrossSlide é um plugin que implementa jQuery em Javascript, comum a algumas animações em slideshow, tradicionalmente disponív..."
20 Efeitos Ajax para Vender Mais Websites: "Como deve estar ciente das capacidades que o Ajax tem oferecido aos web developers, hoje temos para lhe mostrar 20 efeitos fa..."
FancyZoom em Prototype por Ordered List: "Anteriormente, FancyZoom era desenhado para visualizar fotos de grande escala ou imagens inline sem necessidade de refrescame..."
dfGallery 2.0 - Galeria Gratuita em Flash com Temas: "dfGallery é uma galeria de imagens em Flash com imensas características. Permite a integração dos mais populares sites de par..."
jQuery Plugin para Full Screen Background: "Supersized é um plugin jQuery que automaticamente redimensiona as imagens para o tamanho do browser, mantém a razão de aspect..." Design
Avatares, Caricaturas e Cartoons Online Gratuitos: "São imensas as aplicações online gratuitas que actualmente permitem gerar automaticamente o desenho de avatares e caricaturas..."
Pattern Tap * Inspiração para Design de Interfaces: "Pattern Tap é o novo website que pretende satisfazer e encoragar os designers e developers que procuram inspiração para os se..."
Template Premium Gratuito para Wordpress: Irresistible: "WooTheme acabou de lançar um novo template gratuito de nome Irresistível. É um blog pessoal visualmente rico, com pequeno enf..."
Validação de Formulários com jQuery: "Quando chega o momento de validar o formulário, é difícil ter uma solução versátil que funcione em todos os formulários. Desc..."
Letter Frame - O novo template para Wordpress: "Antes dos anos 90, a escrita por carta era o principal veículo para cobrir todas as formas de comunicação da informação. Agor..." Extras
Google Wave: Apresentação do Projecto: "Estes dias têm sido dominados com notícias e tremenda excitação à volta do Google Wave, a nova plataforma de comunicação em t..."
Série de Tutoriais Google Earth - Dia 1 : "Google Earth é uma aplicação que já todos conhecemos. Oferece-nos mapas 3D e imagens de satélite para regiões específicas med..."
Resultados do Passatempo Google Wave: "O prazo do "Passatempo Google Wave" terminou hoje. Ficou estabelecido que seriam entregues 8 convites, no entanto a Google fo..."
Lovely Charts - Aplicação Online para Diagramas: "Os diagramas são óptimos, porque eles são uma forma simples e extremamente eficaz no modo como representam inteligentemente m..."
Streaming MP3 Player e Plataforma de Rádio: "iRadeo é uma tecnologia simples e fácil de utilizar, que torna qualquer website num site único, vivo e muito profissional. Pe..." Tutorial
3 Vídeos Tutoriais para Converter Photoshop em XHTML: "Após desenhar o layout do seu website em Photoshop, a fase seguinte consiste em converter o design em XHTML. Estes 3 vídeos t..."
16 Vídeos Tutoriais para Aprender PHP: "Continuando com os vídeos tutoriais da Themeforest, esta série mostra-lhe como começar a programar em PHP. Tal como os vídeos..."
Tutorial de Textura: Fibra de Carbono: "Como já reparou no layout da Webgrafismo, temos tendência para utilizar patterns desenhados no Adobe Photoshop para decorar o..."
Efeito de Câmara Fotográfica com jQuery e CSS: "O plugin jQuery PhotoShoot oferece a possibilidade de converter qualquer div na sua página web numa área de disparo, simuland..."
Tutorial: Agregar RSS Feeds com PHP e SimplePie: "Por vezes a parte mais simples do RSS fica esquecida. Se quisermos agregar informação de vários RSS Feeds e exibir no nosso s..."
Interessante! gostei deste slide é diferente dos que tenho visto…
Olá adoreio esse carrossel, mas comigo esta dando eerro alguem instalou e deu certo? rs de uma olha ai gente ve se alguem já passou por isso rs…
Ah!… o meu endereço pra ver o erro é:
http://www.essencia.web44.net/carousel.html
grande abraço!
Aconselho a fazer download da nova versão.
Certamente teve qualquer problema na forma como o implementou.
Cumprimentos, Pedro.
Olá Pedro… descobri recentemente este plugin do jQuery e gostei bastante dele, ele realmente atende a todas as necessidades de um slideDeimagens para fazer um destaque noticias, por exemplo. A única coisa que não gostei foi dele criar o slide apartir de arquivos de um diretório.
A minha dúvida eh: Tem como fazer ele conectar com um banco de dados e puxar somente os dados que eu escolher do meu BD?? Seria só alterar o arquivo .PHP que vem no pacote de exemplos dele?