Toda a gente quando cria algo gosta de criar algo bonito, simples e eficaz… por isso trago aqui um tutorial que ensina a criar uma galeria de imagens com jQuery. O criador deste tutorial é DreamCSS, que ensina a criar o tutorial como fazer a galeria com scroll de imagem, descrição e nome. O nome e descrição tem um efeito de scroll, um efeito simples e muito elegante. O tutorial encontra-se em inglês, mas é de muito fácil compreensão.
Web Developer Plus, é um blog sobre blog web design / desenvolvimento de dicas e tutoriais, está compartilhando um tutorial de como criar um slider com conteúdo deslizante que é construída com jQuery e jQuery UI. É um tutorial que descreve cada passo (HTML, CSS, JS) e vem com os arquivos de origem. O slider muda automaticamente o conteúdo exibido em cada X segundos definido e pode mudar para o item clicado instantaneamente.
Slideshow JS é uma biblioteca gratuita, criada em JavaScript que ajuda a criar uma imagem slideshow com facilidade. É totalmente configurável e não requer nenhum script. Embora o download pacote venha com vários estilos, o estilo da apresentação de diapositivos pode ser totalmente personalizada. A biblioteca é construída com jQuery. Oferece diversas opções como: Número de segundos de cada imagem será exibida, As imagens serão exibidas automaticamente…
jQuery Menu é um sólido sistema que ajuda a criar menus dropdown,que nos permite navegar facilmente. O menu utiliza uma lista hierárquica desordenadas para criar os menus e sub-menus. Ela está pronta com o ThemeRoller com o que o torna muito fácil de personalizar a aparência e tem o apoio da ARIA (Acessivéis aplicaçãoes ricas da internet). Com várias opções da configuração e facilidade de uso, jQuery Menu é definitivamente uma solução…
Sliding Boxes – aprender a usar a jQuery para criar animações slide para legendas e imagens dentro e fora da vista quer para mostrar ou ocultar o visionamento da área. Sam Dunn, criou um tutorial, de como “brincar” com efeitos de deslizamento. Este tutorial encontra-se em inglês (muito básico até, para quem percebe o mínimo de inglês safa-se bem), e no fim do tutorial, tem-se resultados excelentes, e muito apelativos.
Marco criou Polaroid Photo Viewer com CSS3 e jQuery, combinando as CSS3 Caixa Sombra e Rodar propriedades. Ao arrastar a Polaroid, você verá a sombra. Quando é colocado para baixo, é aleatoriamente rodado para a esquerda ou à direita. Infelizmente, CSS3 e HTML5 não são as normas ainda. Nem todos os navegadores modernos sejam capazes de mostrar o efeito completo. Só funciona nos browsers: Safari e Google Chrome, pois são os únicos navegadores…
GalleryView jQuery plugin – visa proporcionar aos utilizadores uma forma flexível, galeria conteúdo atraente, capaz de exibir qualquer conteúdo HTML em um animado galeria de fotos. Ele oferece uma ampla lista de opções de configuração de largura / altura de cores utilizadas. O plugin simplesmente converte uma lista desordenadas em uma galeria. Você pode activar / desactivar as legendas que são produzidos a partir da tag alt.
Existem muitos fantástica javascript / AJAX soluções lá fora, para ver uma versão maior de uma imagem, mostrando-o como uma página em pop-up ou lightbox pop-up. É rara a visitar um site com uma galeria de fotos que já não utilizam uma destas soluções.Então, porque não torná-lo um padrão? Por que não deixar que os navegadores cuidar do pesado ao invés de nós desenvolvedores web via JavaScript? Drew Wilson propôs adicionar um atributo para o…