Lightbox ob odprtju strani

Stranka bi rada imela na prvi strani eno vabilo. Ker se mi zdi, da je pop up dandanes že nesmiselen, bi rad to integrairal v lightbox ali podobne "sisteme". Se pravi nekako na tak način. Ko pride obiskovalec na stran se me odpre ta oglas, ga prebere, zapre in nato normalno brska po strani.
Kako bi lightbox pripravil do tega, da se mi odpre takoj, ko se stran naloži?

6 odgovorov

Na <body onLoad ?

Oziroma po možnosti z jQuerijem na ready odpri. Pa imaš še kak lušten plugin.

Bolj švoh sem z java scriptom. Z jQuerijem pa sploh še nisem delal. Ne bi rad kaj preveč kompliciral s tem, saj bo to na strani samo ta mesec.

O joj joj, slabo spal danes?
Sem probal tole preden sem sploh pisal tle gor. Pa mi ni ratalo, zdj pa je. Tnx anyway.

Mea culpa. Posipam se s pepelom, ker sem sploh probal pomagati. In ker nisem že iz prvega posta razbral, da si to že poizkusil.

Sem se odloču, da ne bom uporabu Lightbox. Raje malo improviziram in se še kaj naučim.

<script language="JavaScript" type="text/javascript">

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca*;
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}

function showStuff(boxid) {
    document.getElementById(boxid).style.display="block";
    eraseCookie('ninacookie');
}

function hideStuff(boxid) {
    document.getElementById(boxid).style.display="none";
    createCookie('ninacookie','boxid',7);
}

function adClosed() {
    if (!readCookie('ninacookie'))
    {
        document.getElementById('boxid').style.display="block";
    }
    else
    {
        document.getElementById('boxid').style.display="none";
    }
}

</script>*

*
<body onload="adClosed();">
<div id="boxid" onClick="hideStuff('boxid');"></div>
<div onClick="showStuff('boxid');"></div>
</body>

Mogoče pa kdaj komu pride prav. :)*