Jean Carlos Cunha

.:: Diferente e eficiente::.

Arquivos Mensais: julho 2009

galeria slideshow, criar galeria slideshow, como criar com jquery e galeria slideshow

Bom pessoal aqui vai o post sobre a tao pedida galeria slideshow.

Baixa.

1.Última versão do jQuery: http://jquery.com/ – Clique no botão Download ( jQuery );
2.Última versão do plugin jCycle para jQuery: http://malsup.com/jquery/cycle/
Depois de ter feito o download dos dois arquivos .js é só incluí-los no seu site assim:

view sourceprint?
1.<head>
2.<script src=”_pasta_/jquery.js” type=”text/javascript”></script>
3.<script src=”_pasta_/jcycle.js” type=”text/javascript”></script>
4.</head>Lembrando que esse código deve ir entre as TAGs <head> e </head> do seu site.

Depois disso, você cria uma div com o id que quiser (vamos usar #slideshow como exemplo) e dentro dela coloca as fotos do seu slideshow, por exemplo:

view sourceprint?
1.<div id=”slideShow”>
2.<img src=”imagens/foto1.jpg” alt=”Primeira Foto” width=”300″ height=”200″ />
3.<img src=”imagens/foto2.jpg” alt=”Segunda Foto” width=”300″ height=”200″ />
4.<img src=”imagens/foto3.jpg” alt=”Terceira Foto” width=”300″ height=”200″ />
5.</div>Depois é só voltar lá dentro do <head> do seu site e colocar o seguinte bloco de javascript:

view sourceprint?
1.<script type=”text/javascript”>
2.<!–
3.$(function() {
4.$(‘#slideShow’).cycle({ fx: ‘fade’ });
5.});
6.// –>
7.</script>Com isso você definiu qual a div que contem o slideshow (repare que o ID da div vai ali no começo da terceira linha) e o jQuery inicia o efeito sozinho.

Mas só isso? Sim. Você já tem um slideshow, automático, com efeito de transição fade pronto pra ser usado!

Veja como ficou a galeria criada neste exemplo

redimensionar imagens com php, funçao para redimencionar imagens.

php-logo-1Use com moderação pode ser perigoso.

Site modelo. Existe uma classe pronta de PHP para redimensionar imagem chamada WideImage… Vou mostrar aqui como usá-la para redimensionar (resize) e cortar (crop) imagens automaticamente, gerando (ou não) arquivos novos. Para um sistema que gera miniaturas (thumbs) isso é mais do que o suficiente.

Redimensionando imagens
view sourceprint?
01.
02.
 
03.// Chama o arquivo com a classe WideImage
04.require(‘/caminho/WideImage.inc.php’);
05.
 
06.// Carrega a imagem a ser manipulada
07.$image = wiImage::load(‘/caminho/foto.jpg’);
08.
 
09.// Redimensiona a imagem
10.$image = $image->resize(400, 300);
11.
 
12.// Salva a imagem em um arquivo (novo ou não)
13.$image->saveToFile(‘/caminho/nova_foto.jpg’);
14.
 
15.?>Cortando imagens
view sourceprint?
01.<?php
02.
 
03.// Chama o arquivo com a classe WideImage
04.require(‘/caminho/WideImage.inc.php’);
05.
 
06.// Carrega a imagem a ser manipulada
07.$image = wiImage::load(‘/caminho/foto.jpg’);
08.
 
09.// Corta a imagem (Argumentos: X1, Y1, X2, Y2)
10.$image = $image->crop(10, 20, 110, 120);
11.// Faz um quadrado da posição [X1;Y1] até [X2;Y2]
12.
 
13.// Salva a imagem em um arquivo (novo ou não)
14.$image->saveToFile(‘/caminho/nova_foto.jpg’);
15.
 
16.?>Mudando a qualidade de imagens
view sourceprint?
01.<?php
02.
 
03.// Chama o arquivo com a classe WideImage
04.require(‘/caminho/WideImage.inc.php’);
05.
 
06.// Carrega a imagem a ser manipulada
07.$image = wiImage::load(‘/caminho/foto.jpg’);
08.
 
09.// Salva a imagem em um arquivo com 80% de qualidade
10.$image->saveToFile(‘/caminho/nova_foto.jpg’, null, 80);
11.
 
12.?>

fonte tia net e outros blogs.