Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Okienko przy ladowaniu strony
ahryciuk
post 7.04.2008, 22:29:53
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 7.07.2004

Ostrzeżenie: (0%)
-----

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 
  1. <a href="image.jpg" rel="lightbox" id="przycisk">image</a>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
guitarnet.pl
post 8.04.2008, 04:13:31
Post #2





Grupa: Zarejestrowani
Postów: 74
Pomógł: 4
Dołączył: 7.03.2008

Ostrzeżenie: (0%)
-----

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


--------------------
Skrypty php, ajax, javascript
Go to the top of the page
+Quote Post
ahryciuk
post 8.04.2008, 09:27:03
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 7.07.2004

Ostrzeżenie: (0%)
-----

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

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>Shadowbox.js Media Viewer</title>
  7.  
  8. <link rel="stylesheet" type="text/css" href="style.css">
  9. <link rel="stylesheet" type="text/css" href="src/css/shadowbox.css">
  10.  
  11. <script type="text/javascript" src="src/js/lib/yui-utilities.js"></script>
  12. <script type="text/javascript" src="src/js/adapter/shadowbox-yui.js"></script>
  13. <script type="text/javascript" src="src/js/shadowbox.js"></script>
  14. <script type="text/javascript">
  15.  
  16. window.onload = function(){
  17.  
  18.     Shadowbox.init();
  19.  
  20.     /**
  21.      * Note: The following command is not necessary in your own project. It is
  22.      * only used here to set up the demonstrations on this page.
  23.      */
  24.     initDemos();
  25.  
  26. };
  27.  
  28. function initDemos(){
  29.  
  30.     Shadowbox.setup([
  31.         document.getElementById('flash1'),
  32.         document.getElementById('flash2'),
  33.         document.getElementById('flash3')
  34.     ], {
  35.         gallery:        'Flash',
  36.         continuous:     true,
  37.         counterType:    'skip',
  38.         animSequence:   'sync'
  39.     });
  40.  
  41.     Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area'));
  42.  
  43. };
  44.  
  45. </script>
  46. <script type="text/javascript">
  47.  
  48. $(document).ready(function(){
  49.  
  50. var options = {
  51. resizeLgImages: true,
  52. //dodatkowe opcje inicjujace ustawienia
  53. };
  54.  
  55. Shadowbox.init(options);
  56.  
  57. });
  58. </script>
  59. </head>
  60.  
  61. <body>
  62. <a rel="shadowbox" href="http://farm2.static.flickr.com/1177/1150569783_61dbc56834.jpg" id="flash1">Single Image (Flickr)</a>
  63. </body>
  64.  
  65. </html>
[HTML] pobierz, plaintext

ale dalej nie działa
Go to the top of the page
+Quote Post
guitarnet.pl
post 8.04.2008, 13:29:14
Post #4





Grupa: Zarejestrowani
Postów: 74
Pomógł: 4
Dołączył: 7.03.2008

Ostrzeżenie: (0%)
-----

w window.onload wpisz

Shadowbox.open();

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


--------------------
Skrypty php, ajax, javascript
Go to the top of the page
+Quote Post
« Następny starszy · PHP · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 25.06.2025 - 14:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn