HTML Thumbnails

cheires

Power Member
Olá pessoal, estou ainda a começar no HML, e estou a tentar por umas imagens num servidor usando thumbnails.
estou a usar o seguinte código para por as imagens associadas aos thumbnails:

<a href = fotos/1.jpg>
<img src="fotos/1.jpg" width="100" height="100">
</a>

Mas ao carregar a página demora muito, e porque deve estar a carregar as fotos em tamanho normal.
Como posso corrigir isso? Ou seja, carregar apnas os thumbnails, e só clicando em cima de uma foto, carregar essa foto na sua totalidade.
Agradeço desde já a todos.
 
Tens de criar imagens mais pequenas para os thumbnails... não há outra hipótese.

Há scripts/software "server-side" que os pode criar automaticamente, tens de procurar.
 
Se fizeres o resize 'on-the-fly' de cada uma das imagens levas um 'tempão' a mostrar a página. O melhor mesmo é criares os thumbnails antes. Tens milhentas maneiras de fazer o resize das imagens - umas mais fáceis mas demoradas (por exemplo: Photoshop) e outras mais complexas mas mais rápidas (ex.: linha de comandos e ImageMagick) :-)
 
Se fizeres o resize 'on-the-fly' de cada uma das imagens levas um 'tempão' a mostrar a página. O melhor mesmo é criares os thumbnails antes. Tens milhentas maneiras de fazer o resize das imagens - umas mais fáceis mas demoradas (por exemplo: Photoshop) e outras mais complexas mas mais rápidas (ex.: linha de comandos e ImageMagick) :-)

Estás-te a esquecer das actions em Photoshop... É fácil e rapidissímo...
 
acredito que sim. o que te digo é que no tempo que demoras a abrir o photoshop, já eu tinha feito o trabalho (dependendo do número de imagens....) :-)
 
Usei o High Quality Photo Resizer e o resize é automático.
Pareceu-me muito bom, podes escolher o tamanho das imagens, o nome dos ficheiros, qualidade da imagem e é grátis :p.
Já não me lembro onde o encontrei, mas acho que foi no download.com.
 
Obrigado a todos, são boas sugestões, e era isso mesmo que estava a pensar fazer, redimensionar a imagem e colocar numa pasta thumnails, e fazer o link para a imagem original.
Só um pequeno reparo, será que o Gimp dá para fazer o resize das imagens, mas de todas ao mesmo tempo? É que ainda são algumas.
Mesmo assim, grato pela vossa preciosa ajuda.:p
 
isso é uma estupidez ,ja q um bocado de texto faz isso em php html o q for ,
estupidez? um 'bocado de texto'? em html? hum... desconfio que estejas baralhado :-)

Eu explico-te.
Para fazeres o resize das imagens via script (Perl, Ruby, Python, ou mesmo PHP - mas nunca HTML) num servidor remoto, tens as seguintes hipóteses:
  • Através de um formulário online, fazes o upload das imagens e, nesse momento, um script no servidor remoto encarrega-se de fazer os thumbnails nas dimensões necessárias;
  • Tens um script no servidor remoto que, quando invocado, percorre uma (ou mais) pasta de imagens e para cada imagem encontrada cria um thumbnail - se ainda não existir - dessa mesma imagem com o mesmo nome mas numa pasta diferente;
  • Tens uma página HTML com os thumbnails que, em vez de chamar cada imagem, chama um script que faz o seguinte:
    1. Verifica se existe um thumbnail para a imagem pretendida;
    2. Se não existir o thumbnail, esse é criado no momento;
    3. devolve a imagem.

Como, pela leitura do post original, fiquei com a ideia que o 'cheires' não sabe programar, nem sequer se colocam estas hipóteses. É preferível fazer os thumbnails 'manualmente' e colocá-los por FTP no servidor - desta forma funciona sempre.
 
nunca html ,desculpa ,pelo menos a partida q eu saiba , tens razao .
quanto ao cheires ,uma x q nao sabe programar nao ha necessidade de criar nada novo ,existem muitos scripts disponiveis feitos por profissionais na area
 
Última edição:
estupidez é a comparaçao q tu fizeste ,
digo isto pq ? porque com poucas linhas de codigo consegues isso ,infelizmente n tenho aqui de momento mas na altura em q estava a ler acerca do assunto ,trabalhar com imagens manipulaçao de imagens ,trabalhar com fopen e fclose ,tudo assuntos relacionados ,encotnrei na altura um exemplo q nao precisava de muitas linhas de codigo facilimo q fazia isso.
mas se quiseres um programa tipo photoshop ,tb da
mas repara q estamos a falar de web ,design web development .
 
Back
Topo