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 e muito pequeno. Também disponibiliza os ficheiros para download, mas recomendo-vos a criar o tutorial por vocês a partir do site, pois caso contrário nunca aprendem a fazer por vocês próprios. Caso tenham feito o tutorial e não esteja a funcionar, ai sim aconselho a fazer o download e ver o(s) erro(s) que cometeram.

Pode ver o exemplo da galeria aqui.

Website: Galeria de imagens com jQuery
Demo: Galeria de imagens com jQuery
Download (ficheiros): Galeria de imagens com jQuery
Download (artigo): Galeria de imagens com jQuery
Requisitos: jQuery Framework
Licença: Gratuita

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.

Na proporção com o tamanho da “imagem”, a barra pode apresentar um número limitado de itens (4, no exemplo).

Com este tutorial, pode-se criar um elegante e eficaz sistema de notícias.

O tutorial encontra-se em inglês mas é de fácil compreensão. Caso não percebam muito de inglês podem sempre traduzir a página no google para português.

Website: Content Slider with jQuery UI
Demo: Content Slider with jQuery UI
Download: Content Slider with jQuery UI
Requisitos: jQuery, jQuery UI
Licença: Gratuita

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. Então aqui deixo o link para o tutorial, para os demos que se podem criar, com este tutorial e ainda o link para download!

Website (tutorial): Sliding Boxes
Demos: Sliding Boxes
Download: Sliding Boxes