Visualizzazione risultati 1 fino 4 di 4

Discussione: Gallery di questo tipo

  1. #1
    Guest

    Thumbs up Gallery di questo tipo

    Salve,
    vorrei chiedervi come potrei creare una gallery di questo tipo.
    Quindi cliccando sui Thumbails in basso si apre la versione ingrandita in alto,però vorrei che quest'img ingrandita se cliccata faccia aprire una pagina _blank visualizzando l'immagine nella risoluzione originale(ad esempio 1024x768).
    Tutto in Html.

    Ciao

  2. #2
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Non è tutto in HTML ma c'è anche del Javascript. L'ho fatto velocemente e senza controllarlo.
    Codice HTML:
    <script language="Javascript" type="text/javascript">
    var immagini=new Array();
    immagini[0]=new Array("thumb1.jpg","media1.jpg","grande1.jpg");
    immagini[1]=new Array("thumb2.jpg","media2.jpg","grande2.jpg");
    immagini[2]=new Array("thumb3.jpg","media3.jpg","grande3.jpg");
    function Immagine(id) {
    	document.getElementById("immaginegrande").innerHTML="<a href=\""+immagini[id][2]+"\" target=\"_blank\"><img src=\""+immagini[id][1]+"\" alt=\"\" style=\"border:0;\"><\/a>";
    }
    </script>
    
    <div id="immaginegrande"></div>
    
    <div><script language="Javascript" type="text/javascript">
    for(i=0;i<immagini.length;i++)
    	document.write("<a href=\"javascript:Immagine("+i+")\"><img src=\""+immagini[i][0]+"\" alt=\"\" style=\"border:0;\"><\/a>");
    Immagine(0);
    </script></div>
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  3. #3
    Guest

    Predefinito

    Ho fatto una prova molto spartana,eccola.
    C'è un modo per far apparire i thumbs sotto un separatore orizzontale?
    Come nel sito che ho mostrato prima.

    Ciao

  4. #4
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da nfsmostwanted
    ...
    C'è un modo per far apparire i thumbs sotto un separatore orizzontale?
    ...
    Ti dovrebbe bastare un tag <HR> messo al punto giusto (dopo l'immagine principale e prima delle miniature)...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •