1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

HTML Thumbnails

Discussão em 'Web Development' iniciada por cheires, 17 de Outubro de 2007. (Respostas: 14; Visualizações: 949)

  1. cheires

    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.
     
  2. SoundSurfer

    SoundSurfer Power Member

    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.
     
  3. Ciberjohn

    Ciberjohn Power Member

    ou..usas php e a gd library...ou outra coisa qualquer que não plain html para fazer o autorezize / thumbnailling
     
  4. Bonder

    Bonder Power Member

    Eu tambem tinha esse problema e resolvi-o com um software que fazia resize de todas as imagens de uma pasta
     
  5. CyberOps

    CyberOps I'm cool cuz I Fold

    mas faz resize automatico ou tens q abrir o programa tipo photoshop e redimensionar tudo tu?
    se fizer resize automatico diz o nome do prog sff
     
  6. slack_guy

    slack_guy Power Member

    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) :-)
     
  7. lfdesign

    lfdesign Power Member

    Estás-te a esquecer das actions em Photoshop... É fácil e rapidissímo...
     
  8. slack_guy

    slack_guy Power Member

    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....) :-)
     
  9. Bonder

    Bonder Power Member

    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.
     
  10. cheires

    cheires Power Member

    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
     
  11. Inoculado

    Inoculado Power Member

  12. slack_guy

    slack_guy Power Member

    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.
     
  13. Inoculado

    Inoculado Power Member

    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: 19 de Outubro de 2007
  14. Bonder

    Bonder Power Member

    Estupidez porquê?! Não funciona? Estupidez, seria fazer resize de imagens com um batedeira...
     
  15. Inoculado

    Inoculado Power Member

    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 .
     

Partilhar esta Página