Visual-Blast Media

Showcase.js necessidades do quadro JavaScript Prototype (versão 1,6) e os effects.js componente do Script.aculo.us (versão 1,8), a fim de função.

Além Horizontal, há mais 2 layouts: Vertical e Diagonal.

Você pode configurar o rácio - este é o rácio entre o centro e os slides nas extremidades, de tamanho - o número total de slides visível em uma hora, duração - duração de uma plena circulação, initialDelay - isto controla a quantidade de tempo que passa a partir do momento em que a Showcase é inicializado para o momento em que os slides espalhar-se, criando um belo efeito de arranque, e, claro, de direcção - horizontal, vertical ou diagonal.

Animar hover com jQuery - Animar uma imagem enquanto ele flutua e mostrar aos visitantes mais informações com um belo efeito animação. Dê uma olhada em um exemplo.

Galleriffic jQuery plugin foi inspirado por Mike Alsup's Cycle plugin, mas com desempenho em mente para a entrega de um volume alto de fotos.

Características do Galleriffic plugin:

• Smart Image pré após a página é carregada
• Miniatura de navegação (com pagination
• Favorito-friendly URLs
• Slideshow (com auto-atualização url bookmarks)
• Image fade transições
• Opcional link para baixar a imagem original
• Configuração flexível
• Graciosa degradação quando javascript não está disponível

Você pode inicializar a galeria ao chamar a função init galleriffic, passando, as miniaturas e um recipiente selector opções.

Tutorial sobre como criar um Digg-como formulário de inscrição com as características originais, como a sua dinâmica dicas que lhe dar uma dica sobre cada campo que está a ser preenchido, com apenas algumas linhas de código jQuery. A mesma abordagem será adotado para validação exibindo mensagens.

Ver Demo

Usando jQuery para Background Image Animações - Excelente artigo sobre a forma de facilmente criar menus animados usando jQuery e Racional-Posição plugin.

Dê uma olhada no Demo página separada com quatro animações.

Saiba como adicionar validação configuráveis formulário personalizado e mensagens de erro usando o formulário original jQuery validação plugin, bem como um casal de HTML e CSS truques para tornar a sua forma mais robusta.

CrossSlide é um plugin que implementa jQuery em Javascript comum algumas animações slide-show, tradicionalmente disponível apenas para o desenvolvedor web através do Adobe Flash ou outros títulos de propriedade plugins. CrossSlide baseia-se jQuery animação da instalação, por isso é tão portátil como em toda navegadores jQuery si mesmo.

CrossSlide pode fazer algumas coisas diferentes, Static cross-fade, Slide + cross-Ken Burns fade e efeito: panning, zoom e desvanecimento para pontos específicos.

Agile Carousel - JQuery um plugin que permite que você crie um carrossel com configurações flexíveis.

Check-out Carousel Agile exemplos, full-featured exemplo, incluindo todos os botões disponíveis, como a anterior, próximo, play, em primeiro lugar, no passado, por lâmina e botões flutuantes. Você pode usar qualquer tipo de flexibilização JQuery UI e mais efeitos, criado transição duração, o efeito de transição, mostrar / ocultar slide legendas, botões, número slide, e muito mais.

jQuery Caderno tabulado Navegação Espaço - Tutorial sobre como criar facilmente uma relação tabulada sistema de navegação que funciona em todos os principais navegadores usando CSS e jQuery.

Jcrop - uma maneira fácil e rápida de adicionar imagem para o seu cultivo funcionalidade aplicação web. Ele combina a facilidade de uso típico de um plugin jQuery com um poderoso da cruz-plataforma DHTML cultivo motor.

Características:

• Atribui simplesmente para qualquer imagem em sua página HTML
• Apoia relação de aspecto travamento
• Chamadas para a selecção feita, ou enquanto se move
• Teclado nudging apoio à selecção
• Suporte para CSS styling
• Advanced API incluindo animação apoio

Testado no Firefox 3, 3 Safari, o Opera 9.5, o Google Chrome 0.2.x, o Internet Explorer 6 +

Informações detalhadas Jcrop em Jcrop Manual / Jcrop exemplos em Jcrop Demos e exemplos