pop up z obrazkiem Opcje

[marcin1987a]

Witam wszystkich

Chciałbym poiwedzieć że szukałem juz długo i nie mogę znaleźć dobrego rozwiązania

chodzi mi o to aby zrobic pop-up-a cos ala lightbox-a ze zwyklym zdjeciem

potrzebuje to do jooml-i ale gotowe rozwiazania jak site entry nie działaja , tzn raz działa raz nie ,

szukałem odnośnie jquery ale wszyscy robia to poprzez przycisk a ja chciałbym i bardzo zależy mi na tym , zeby po wejsciu na strone od razu sie to wlaczalo

potrzebuje z css-em , bo musze kontrolowac to pod opera


błagam o jakąś wskazówke albo skrypt

pozdrawiam

[Monter08]

Nie wiem czy o takie coś Ci chodzi, ale spróbować zawsze można.

[marcin1987a]

tak , dokładnie , proste i na temat , dzięki bardzo (IMG:style_emoticons/default/smile.gif) pozdrawiam (IMG:style_emoticons/default/ohno-smiley.gif)

[Monter08]

Pamiętaj o opcji "Pomógł" (IMG:style_emoticons/default/wink.gif)

[marcin1987a]

gdyby coś dla przyszłych pokoleń , przerobiłem twój skrypt i wyglada to tak


if ( $.browser.opera && $.browser.version<10.70) {






$(document).ready(function(){


function lightbox(img)
{
$('#nakladka').css('display', 'none;');
$('#lightbox').css('display', 'none;').html('<img src="'+img+'"/>');
$('#nakladka').delay(800).fadeIn(1000);
$('#lightbox').delay(1000).fadeIn(3000);



};

lightbox('http://xxxxxxx.png');

$('#lightbox').click(function()
{
$(this).slideUp(400).slideDown(1500);
$('#nakladka').css('display', 'block');
});
});
}


</script>

<style type='text/css' >

#nakladka {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color: black;
z-index: 9900;
-moz-opacity: 0.6;
opacity: .60;
filter: alpha(opacity=60);


}

#lightbox {
display: none;
position: absolute;

-moz-border-radius: 15px ;
-webkit-border-radius: 15px;
border-radius: 15px;

border:5px solid #222;

background-color: #ffffff;
z-index: 10000;
top:50px;
left:300px;
margin:0 auto;
text-align:left;

}
</style>


<div id="lightbox" ></div>
<div id="nakladka" ></div>


tutaj chodzilo mi konkretnie o opere , pozdrawiam




a gdyby coś to jak ten skrypt wyglądał by gdybyym chciał aby img byl wewnatrz arkusza css ? w tym lightbox-ie ?

Ten post edytował marcin1987a 15.02.2012, 14:43:33

[Monter08]

chodzi Ci żeby wstawić obrazek jako background-img?

Ten post edytował Monter08 15.02.2012, 15:17:37