kako ovo da uradim?

http://www.oriontelekom.rs

Potreban mi je ovaj pop up ili kako se vec zove u kombinaciji sa lightboxom.
Znam da treba da uradim poseban html sa zeljenim tekstom i slikom ali mi nije jasno kako to sve da povezem i da se prvo to pojavi kada se ulazi na sajt.
Treba da stoji dok se ne klikne na X (na ovom primeru ima vremensko ogranicenje, samo nestaje)

Mislim da nije tesko :)

HVALA

Ovo ti je obican lightbox, samo ne prikazujes sliku vec jedan div koji u sebi ima potreban sadrzaj (slika, tekst). Pogledaj npr http://fancybox.net/ imas tu primere i sa html-om (modal window).

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Ok, to sam video ali kako da namestim da se otvara pre sajta, tj. preko sajta ?

Samo ga pozovi prilikom ucitavanja strane, ako koristis fancybox, ili bilo koji jquery lightbox plugin:

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Molim te ,ako nije problem daj mi konkretan primer, prolupao sam celo popodne oko ovoga.

HVALA

Probao sam sa ovim, ali nece da se aktivira samo ???


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>bla bla</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">

$(document).ready(function() {
$("#various1").trigger('click');
});

$(document).ready(function() {
/*
* Examples - images
*/


$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
}
});

/*
* Examples - various
*/

$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});


});
</script>
</head>
<body>

<ul>
<li><a id="various1" href="#inline1" title="">Inline</a></li>

</ul>

<div style="display: none;">
<div id="inline1" style="width:600px;height:400px;overflow:auto;">
Proba
</div>
</div>
</body>
</html>

Uradio

HVALA

Možeš li da podeli sa nama stranicu na kojoj si to uspeo da uradiš ili da postaviš ceo kod.
Na donjem primeru koji si postavio mora da se klikne na link kako bi se pojavio prozor.

Hvala unapred.