Overlib

Skrypt Overlib pochodzi ze strony http://www.bosrup.com/web/overlib/ skąd można pobrać najnowszą jego wersję. Przedstawione tutaj możliwości skryptu zaprezentowane zostały na przykładzie wersji 3,5.
W załączniku na końcu postu plik do pobrania overlib.js ( plik widoczny tylko dla zalogowanych )

Na początku strony, za znacznikiem <body> wstaw kod:

<DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></DIV>
<SCRIPT LANGUAGE="JavaScript" SRC="skrypty/overlib.js"></SCRIPT>

Następnie możemy już tworzyć linki:

<a href="javascript:void(0);"
onMouseOver="return overlib('zwykły pop-up, krótki opis')"
onMouseOut="nd();">zwykły pop-up[/url]

przyczepiony pop-up

<a href="javascript:void(0);"
onMouseOver="return overlib('przyczepiony pop-up czyli typu sticky
tu natąpiło złamanie wiersza', STICKY)"
onMouseOut="nd();">przyczepiony pop-up[/url]

pop-up z nagłówkiem

<a href="javascript:void(0);"
onClick="return overlib('pop-up z nagłówkiem (caption).', STICKY, CAPTION, 'NetDesign', CENTER, CLOSETEXT, 'zamknij')"
onMouseOut="nd();">pop-up z nagłówkiem[/url]

pop-up z obrazkiem

<a href="/http://netdesign.wroclaw.pl"
onMouseOver="return overlib('<center><a href=&#34http://netdesign.wroclaw.pl&#34>
<img border=0 src=&#34images/menu_012.gif&#34 width=88 height=30>[/url]',WIDTH,'120',STICKY,CENTER,AUTOSTATUS,CAPTION,'netdesign')"
onMouseOut="nd();" target="_blank">pop-up z obrazkiem[/url]

<a href="javascript:void(0);"
onMouseOver="return overlib('zwykły pop-up, krótki opis', FGCOLOR,'#FFC797', BGCOLOR, '#FF6600', TEXTCOLOR, '#DC143C')"
onMouseOut="nd();"><img border=0 src="/images/corvetta.jpg" width=300 height=200>[/url]

Konfiguracja skryptu:
Parametry i ich wartości odzielamy przecinkami, ponadto wartości ujmujemy w pojedyńczy cudzysłów.

FGCOLOR,'#FFC797', BGCOLOR, '#FF6600', TEXTCOLOR, '#DC143C'
STICKY
parametr zaczepiajacy okienko, bez wartości
CAPTION
tytuł, nagłówek okienka
FGCOLOR
kolor tła
BGCOLOR
kolor ramki okienka
TEXTCOLOR
kolor tekstu, można określić szesnastkowo '#008000' lub za pomocą nazwy 'white'
CAPTION
nagłówek, tytuł okienka
CAPCOLOR
kolor tekstu w nagłówku
CLOSECOLOR
kolor napisu "close" w pasku tytułu
TEXTFONT
nazwa czcionki tekstu
CAPTIONFONT
nazwa czcionki nagłówka
CLOSEFONT
naza czcionki dla napisu "close".
TEXTSIZE
wielkość czcionki tekstu
CAPTIONSIZE
wielkość czcionki nagłówka
CLOSESIZE
wielkość czcionki napisu "close"
WIDTH
szerokość okienka popup w pikselach
HEIGHT
wysokość okienka popup w pikselach
LEFT
pozycja okienka popup względem kursora
RIGHT
pozycja okienka popup względem kursora
CENTER
pozycja okienka popup względem kursora.
ABOVE
pozycja okienka popup względem kursora.
BELOW
pozycja okienka popup względem kursora.
BORDER
grubość ramki w pikselach
OFFSETX x
Separación horizontal del popup respecto al ratón.
OFFSETY y
Separación vertical del popup respecto al ratón.
FGBACKGROUND
tło graficzne, wartość 'ścieżka/obrazek'
BGBACKGROUND
tekstura ramki, wartość 'ścieżka/obrazek'
CLOSETEXT
zmienia napis "Close" w okienku z nagłówkiem.
NOCLOSE
Indica que no se muestre el texto "Close" en stickies con caption.
STATUS
tekst w pasku statusu przeglądarki.
AUTOSTATUS
w pasku statusu wyświetla adres url lub tekst z okienka pop-up. Uwaga: należy usunąć parametr STATUS.
AUTOSTATUSCAP
wyświetla domyślny tekst w pasku statusu przeglądarki i w tytule okienka. Uwaga: należy usunąć parametry STATUS i AUTOSTATUS.
Pozostałe parametry:
INARRAY id
CAPARRAY id
CAPICON url
SNAPX
SNAPY
FIXX
FIXY
BACKGROUND
PADX
PADY
FULLHTML
FRAME
Więcej informacji na stronie http://www.bosrup.com/web/overlib/

 

Popularne Artykuly

Najnowsze Artykuły