Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    pagina con miniature immagini

    Devo creare una pagina con delle miniature di immagini
    che si aprono in un'altra pagina. Lasciando stare effetti
    fantasmagorici java ecc ecc, il mio problema è molto
    più semplice. Io ho creato una struttura semplicissima:
    codice:
    .mini a{border:none;}
    .pic{border:1px solid white; padding:2.5px; margin:2.5px;}
    e quindi
    [code]<div id="content">
    <h2>Immagini</h2>
    <a class="mini" href="DSC00258.jpeg" class="blank">[img]DSC00258_bis.jpeg[/img]
    <a class="mini" href="DSC00260.jpeg" class="blank">[img]DSC00260_bis.jpeg[/img]
    <a class="mini" href="DSC00264.jpeg" class="blank">[img]DSC00264_bis.jpeg[/img]
    <a class="mini" href="DSC00258.jpeg" class="blank">[img]DSC00258_bis.jpeg[/img]
    <a class="mini" href="DSC00260.jpeg" class="blank">[img]DSC00260_bis.jpeg[/img]
    <a class="mini" href="DSC00264.jpeg" class="blank">[img]DSC00264_bis.jpeg[/img]
    <a class="mini" href="DSC00258.jpeg" class="blank">[img]DSC00258_bis.jpeg[/img]
    <a class="mini" href="DSC00260.jpeg" class="blank">[img]DSC00260_bis.jpeg[/img]
    <a class="mini" href="DSC00264.jpeg" class="blank">[img]DSC00264_bis.jpeg[/img]
    </div>[code]
    affidandomi semplicemente al rapporto fra l'immagine delle miniature
    che ho creato scalando l'originale con Gimp e la larghezza di #content.
    È una soluzione decente o si può fare meglio, considerando comunque
    l'elementarità del tutto? Ecco il risultato:
    http://samiel.netsons.org/prova/immagini.html

    Grazie
    M.

  2. #2
    A me piace... c'è qualcosa che non ti convince?
    Magari aggiungerei una piccola funzioncina in JS per aprire la foto in una finestrella delle dimensioni precise dell'ingrandimento...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    La pagina con le foto "grandi" devo ancora sistemarla,
    ci sono svariate possibilità (l'articolo di Fulciniti apparso in questo sito
    ne cita quattro e ne analizza una in particolare, ma sono fin troppo
    sofisticate per i miei obiettivi). No, non avevo delle perplessità.
    Mi chiedevo se, in genere, questo tipo di cose si fanno in altro modo.
    Paradossalmente, con Google si trovano alcuni articoli su versioni
    complesse, piene di effetti Java, ma poche cose su una pagina base
    con miniature. Cmq mi fa piacere se ti pare che la cosa sia
    quanto meno decorosa...

    M.

  4. #4
    Originariamente inviato da samiel
    Mi chiedevo se, in genere, questo tipo di cose si fanno in altro modo.
    Beh... più o meno si. Hai scelto un stile e gliel'hai applicato.
    Perchè due classi applicate al link?

    Cmq, in generale, ti bastava mettere le foto dentro un div (se non hai altre foto in giero va bene anche il #content) per evitare ad ogni foto o <a> di richiamre la classe... Tipo:
    codice:
    <div id="content">
    <h2>Immagini</h2>
    <a href="DSC00258.jpeg">[img]DSC00258_bis.jpeg[/img]
    ... ... 
    
    e nel CSS fare
    #content a {qualcosa}
    #content img {qualcosa}
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Hai ragione, mi sono complicato inutilmente la vita...
    Grazie, ho corretto
    M.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.