Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 22
  1. #1

    Immagine "pubblicitaria"

    Vorrei che appena si aprisse la pagina principale del mio sito, sia visibile un'immagine tipo quelle pubblicitarie che mettono su alcuni siti... che abbia il tastino X per chiuderla... magari che scurisca anche il fondo dietro... dove posso scaricare qualche script per avere quest'effetto???

  2. #2
    cerca in google Lightbox o Shadowbox.

    Comunque, si dice immagine con overlay

  3. #3
    per ora ho dato uno sguardo alla LightBox...
    mi permette di operare solo con i link... come faccio a dirgli che quando carica la pagina mi deve uscire l'immagine in overlay?

    ho pensato di fare che nel tag body metto onload="myfunction()" dichiarata precedentemente... il problema è quindi: come fare a simulare la pressione del click del mouse sul link? oppure devo aprirmi la libreria e vedere come creare tutto io?

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    cerca "spot overlayer".
    Forse partire da quello ti è più semplice



  5. #5
    beh, shadowbox ha anche le funzioni per aprire pagine HTML dall'esterno.

    Puoi usare anche questo http://www.moord.it/examples/virtual_html

  6. #6
    grazie di tutti i suggerimenti ma il problema rimane sempre lo stesso (alla fine mi basta anche LightBox perchè è solo un'immagine)

    ma come faccio a dirgli che appena carica la pagina me la deve aprire in overlay? ho cercato in giro spot overlayer ma non ho cavato molto... c'è qulacosa di già fatto?

  7. #7
    allora, se usi Lightbox (l'1 non il 2) hai la funzione showLightbox(element) che effetua il lightbox prendendo l'HREF dal link e gli mette la didascalia prendendola dal titolo:

    tu fai:

    function myOnLoad(href, title)
    {
    var a = document.createElement("a");
    a.href = href;
    a.title = title;
    showLightbox(a);
    }

    poi metti <body onload="myOnLoad('/path/immagine.jpg', 'Pubblicita\'')">

  8. #8
    questa è il codice della pagina che ho fatto (la pagina si trova a questo indirizzo):



    <html>
    <head>
    <script type="text/javascript" src="lightbox.js"></script>
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript">
    function myOnLoad(href, title){
    var a = document.createElement("a");
    a.href = href;
    a.title = title;
    showLightbox(a);
    }
    </script>

    <link rel="icon" href="favico.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="favico.ico" type="image/x-icon" />
    <title>Basket Baiano Official Site</title>
    </head>
    <body onload="myOnLoad('/images/logo.jpg', 'Boh')">
    <center>


    [img]/images/logo.jpg[/img]


    [img]/images/logo.gif[/img]
    </center>
    </body>
    </html>
    dove sbaglio(ne so veramente poco di js)?

  9. #9
    err forse vai a sovraascrivere l'evento onload... prova a toglierlo dal tag body e vedi se il link lo apre ora

  10. #10
    comunque, è una cosa che ho già notato in Lightbox:

    c'è la funzione

    //
    // addLoadEvent()
    // Adds event to window.onload without overwriting currently assigned onload functions.
    // Function found at Simon Willison's weblog - http://simon.incutio.com/
    //
    function addLoadEvent(func)
    {
    var oldonload = window.onload;
    if (typeof window.onload != 'function'){
    window.onload = func;
    } else {
    window.onload = function(){
    oldonload();
    func();
    }
    }

    }


    che aggiunge l'init del lightbox all'onload della pagina, però se usi lightbox all'onload chiaramente non funzia...

    devi cambiare la funzione così:

    //
    // addLoadEvent()
    // Adds event to window.onload without overwriting currently assigned onload functions.
    // Function found at Simon Willison's weblog - http://simon.incutio.com/
    //
    function addLoadEvent(func)
    {
    var oldonload = window.onload;
    if (typeof window.onload != 'function'){
    window.onload = func;
    } else {
    window.onload = function(){
    func();
    oldonload();

    }
    }

    }

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.