Forum PHP.pl > Okienko przy ladowaniu strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Okienko przy ladowaniu strony

ahryciuk

7.04.2008, 22:29:53

Witam ostatnim etapem jaki stanol mi na drodze bylo stworzenie popupa ktory wyskoczy tylko raz postanowilem skorzystac z lightboxa jest to starsza wersja nie ta 2.XX tylko mlodsza i tu napotkal mnie problem w jaki sposob wywolac okno tzn zeby wyskoczylo po zaladowaniu strony, z ciasteczkiem to juz sobie poradze ? probowałem clickiem() ale wtedy mi nie wyswietla obrazka, moze mnie ktos nakierowac probowałem tez meta http-equiv="Refresh" ale raczej nie w ta strone ide ? link do obrazka wyglada

[HTML] pobierz, plaintext 
<a href="image.jpg" rel="lightbox" id="przycisk">image</a>
[HTML] pobierz, plaintext

guitarnet.pl

8.04.2008, 04:13:31

Polecam uzywanie biblioteki JQuery (jquery.com) + okienek shadowbox (http://mjijackson.com/shadowbox/)
JQuery dostarcza mechanizmow kontroli nad roznymi przegladarkami kosztem ok 40kB, natomiast shadow box mozna zaimplementowac do kazdej biblioteki, ext, jquery, mootool i wielu innych za pomoca specjalnego pliku-adaptora

Shadowbox ma mniej wiecej ten sam rozmiar co lightbox, ma swietna animacje, i automatycznie rozpoznaje sporo formatow plikow ladujac automatycznie odpowiedni player, html, html-ajax, plik video z playerem czy wyswietla grafike wg zadania, wysoce konfigurowalne

w sekcji HEAD dołączasz:
<link rel="Stylesheet" type="text/css" href="lib/css/shadowbox.css" />
<script type="text/javascript" src="lib/js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="lib/js/adapter/shadowbox-jquery.js"></script>
<script type="text/javascript" src="lib/js/shadowbox.js"></script>

a jak odpalic okienko shadowbox masz tutaj:
http://skrypta.pl/porada/jak_inicjowac_obi...om_w_jquery/101

pamietaj ze uzywanie wywaolania nowego okienka poprzez JQUERY jest szybsze niz czekanie na zaladowanie calej storny przez window.onload()

ahryciuk

8.04.2008, 09:27:03

Witaj mozesz mi jeszcze troche bardziej przyblizyc jak odpalic ten obrazek na starcie strony ? zrobilem cos takiego

[HTML] pobierz, plaintext 
<html>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Shadowbox.js Media Viewer</title>
 
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="src/css/shadowbox.css">
 
<script type="text/javascript" src="src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="src/js/shadowbox.js"></script>
<script type="text/javascript">
 
window.onload = function(){
 
    Shadowbox.init();
 
    /**
     * Note: The following command is not necessary in your own project. It is
     * only used here to set up the demonstrations on this page.
     */
    initDemos();
 
};
 
function initDemos(){
 
    Shadowbox.setup([
        document.getElementById('flash1'),
        document.getElementById('flash2'),
        document.getElementById('flash3')
    ], {
        gallery:        'Flash',
        continuous:     true,
        counterType:    'skip',
        animSequence:   'sync'
    });
 
    Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area'));
 
};
 
</script>
<script type="text/javascript">
 
$(document).ready(function(){
 
var options = {
resizeLgImages: true,
//dodatkowe opcje inicjujace ustawienia
};
 
Shadowbox.init(options);
 
});
</script>
</head>
 
<body>
<a rel="shadowbox" href="http://farm2.static.flickr.com/1177/1150569783_61dbc56834.jpg" id="flash1">Single Image (Flickr)</a>
</body>
 
</html>
[HTML] pobierz, plaintext

ale dalej nie działa

guitarnet.pl

8.04.2008, 13:29:14

w window.onload wpisz

Shadowbox.open();

tu masz szczegoly
http://mjijackson.com/shadowbox/doc/usage.html

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.