Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 18
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    53

    Help! Mi aiutate a realizzare questi popups? Grazie!!!

    salve a tutti!

    sto realizzando un sito x un gruppo musicale d miei amici e ora sono alle prese con la pagina delle foto!

    dovrei realizzare esattamente una pagina strutturata più o meno come questa, x cui, c'è l'elenco delle thumbnails e si può cliccare su ognuna d queste x far aprire un popup della grandezza d 550x525 dove si vede la foto a dimensioni più grandi!

    come faccio?! sono in profonda crisi, xkè nn so dove mettere le mani! ho visto un pò d script qui sul sito e sono riuscito a realizzare semplici popup, ma in questo caso, dove ad ogni foto se ne deve aprire uno diverso, nn so davvero k fare!

    grazie x il vostro aiuto!

    PS
    buona domenica!

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    53
    niente, eh!?


  3. #3

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    53
    Alberto quello k hai fatto te è esattamente quello k vorrei fare io!! davvero bello! complimenti!

    innanzittutto t ringrazio x aver risposto!

    allora quando mi chiedi in k linguaggio lo sto realizzando, parli del sito o dello script?

    cmq il sito lo sto facendo in HTML, x lo script, invece, ho trovato un esempio calzante, anke se ho alcune difficoltà ad impostare la grandezza della finestar d popup(leggi nn so come si fa )!

    cmq lo script usato da me è questo x la pagina dove c sono le thumbnails:
    <script language="JavaScript">
    function apriw(pag) {
    win = window.open(pag,'win','toolbar=0,menubar=0,scrollb ar=0,resizable=0');
    win.focus();
    }
    </script>

    dove ogni thumbnails ha il tag: <a href="javascript:;" onClick="apriw('popup.htm?img=nomeimmaginegrande.j pg');">

    e invece x la pagina popup c'è questo script:
    <script language="JavaScript">
    function doimage() {
    var ind = location.href;
    var splitter = ind.indexOf("?");
    if (splitter != -1) {
    var nvar = ind.substring(splitter+1);
    var param = nvar.indexOf("=");
    if (param != -1) {
    var nparam = nvar.substring(0,param);
    var valore = nvar.substring(param+1);
    if (nparam == "img") {
    var imma = new Image();
    imma.src = valore;
    var alt = imma.height;
    var lar = imma.width;
    self.resizeTo(lar,alt);
    document.images[0].src = valore;
    }
    }
    }
    else {
    document.images[0].src = "vuoto.gif"; [nel caso in cui nn c sia nessuna immagine d default]
    }
    }
    </script>

    e nel <body>, la funzione: onLoad="doimage()"

    tu come hai fatto la tua pagina? tra l'altro mi piace anke la struttura con le frecce del popup x passare da una foto all'altra! cosa hai usato x realizzarle?


  5. #5

  6. #6

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    53
    sì, esatto Alberto!

    popup d grandezza fissa 500x400!

  8. #8
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    Allora ti basta scrivere questo nel link...
    [img]immagine.jpg[/img]

    e nella finestra di popup inserisci
    <script language="JavaScript">
    <!--
    lar=500;
    alt=400;

    var querystring = location.search;
    var id = querystring.substr(5);

    document.write("[img]"+id + ".jpg[/img]");
    var img = document.getElementById("aa");

    function adatta()
    {

    window.resizeTo(lar+30, alt+60);
    }
    window.onload=adatta
    //-->
    </script>

  9. #9
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    53
    grazie ancora Alberto!

    ora provo!

  10. #10
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    53
    aspetto Alberto, ho qualche difficoltà a realizzarla!
    tieni conto che d JavaScript capisco poco o nulla!
    qui ..onClick="window.open('popup.htm?img=aaa'.., al posto d aaa dovrei scrivere il percorso della immagine?
    scusa la domanda banale!

    ma questo script non è lo stesso usato da te x la tua pagina, giusto?

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 © 2025 vBulletin Solutions, Inc. All rights reserved.