Jak zrobić javascriptowe wyskakujące okienko? [GreyBox]

Czasem potrzebujemy wyświetlić użytkownikowi coś, co nie mieści się w ramach zaprojektowanej przez nas strony – na przykład zdjęcie lub mapę. Można otworzyć oczywiście za pomocą metody window.open nowe okienko, ale nie wygląda to zbyt dobrze, często jest też blokowane przez przeglądarki. Co robić?

Bardzo ciekawym projektem, który możemy zastosować na naszych stronach (rozprowadzanym na wolnej licencji LGPL) jest GreyBox, autorstwa Amira Salihefendica. To łatwe do zaimplementowania na naszej stronie wyskakujące okienko pozwala na wyświetlanie obrazków, galerii, map, innych stron WWW czy czego tam sobie webmaster zażyczy w dowolny, modyfikowany przez arkusz stylów, sposób. Całość zajmuje tylko 22 KB.

Instalacja

Aby umieścić GreyBoksa na naszych stronach, pobieramy go ze strony projektu, rozpakowujemy archiwum do podkatalogu witryny, a następnie umieszczamy w sekcji <head> strony następujący kod:

URL w zmiennej GB_ROOT_DIR powinien być podany w postaci absolutnej.

Następnie należy jeszcze załączyć trzy skrypty i jeden arkusz stylów.

Plik AJS_fx.js jest wykorzystywany do efektów specjalnych. Jeśli nie zamierzamy z nich korzystać, możemy z niego zrezygnować.

To wszystko, jeśli chodzi o instalację, jak jednak używać GreyBoksa?

«poprzednia 1 2 następna »

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

skomentuj »