kako ovo da uradim?

[ ivanpro @ 14.01.2012. 19:57 ] @

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

[ Aleksandar Ružičić @ 14.01.2012. 21:07 ] @

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).

[ ivanpro @ 14.01.2012. 21:28 ] @

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

[ Aleksandar Ružičić @ 14.01.2012. 21:56 ] @

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

Code (javascript):

jQuery(function($) {

   // ovde inicijalizuj i prikazi lightbox

});

[ ivanpro @ 14.01.2012. 21:58 ] @

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

HVALA

[ ivanpro @ 14.01.2012. 22:55 ] @

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 ? '   ' + 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>

[ ivanpro @ 14.01.2012. 23:35 ] @

Uradio

HVALA

[ little_boy @ 15.03.2012. 08:03 ] @

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.

[ ivanpro @ 15.03.2012. 15:15 ] @

Pozdrav

stranica je: www.blok28.rs

Code:
<meta http-equiv="imagetoolbar" content="no" />
    <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" />
     <script type="text/javascript" >
$(document).ready(function(){
$("#autostart").fancybox({
  'autoDimensions'    : false,
  'width': 640,  //or whatever
  'height': 420.
});
}); // document ready

</script>

<body onload="$('#autostart').trigger('click');">
<a href="start.html"
id="autostart"></a>