Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: pop up z obrazkiem
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
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 smile.gif pozdrawiam ohno-smiley.gif
Monter08
Pamiętaj o opcji "Pomógł" 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 ?
Monter08
chodzi Ci żeby wstawić obrazek jako background-img?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.