O fereastră pop-up care nu suge
Introducere
GreyBox poate fi utilizat pentru a afisa site-uri Web, imagini si alte tipuri de continut intr-un mod frumos.
De ce sa folositi GreyBox:
- Ea nu intra in conflict cu pop-up blocante
- ! Este doar 22 KB!
- Este foarte usor de instalat
- Este foarte usor de utilizat
- Puteti modifica cu usurinta stilul in care este controlat prin intermediul CSS
Exemple
Un site-ul web
- Lansarea google.com intr-o fereastra centru 500x500
- Lansarea google.com intr-o fereastra pe tot ecranul
Pentru a declansa GreyBox va trebui doar sa adaugati o eticheta rel pe etichetele a:
<a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a>
Site-ul galerie
Galerie de imagini
Este nevoie de codul de foarte putin pentru a afisa galerii de imagini:
<a href="greybox/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">
<img src="greybox/night_valley_thumb.jpg" />
</a>
<a href="greybox/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">
<img src="greybox/salt_thumb.gif" />
</a>
Instalare
Pasul 1
is the URL where static files are located: Adaugati text la sectiunea antet dvs. GB_ROOT_DIR este URL-ul in cazul in care fisierele statice sunt amplasate.:
<script type="text/javascript">
var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>
should be absolute. GB_ROOT_DIR ar trebui sa fie absoluta.
Pasul 2
Adaugati, de asemenea, script-uri text si o foaie de stil:
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />
is optional. AJS_fx.js este optionala. Este folosit pentru efecte.
Pasul 3
Sunteti gata pentru utilizare GreyBox. Uita-te cu privire la documentatia pentru a vedea detalii si exemple.
In cazul in care ar putea fi utilizat?
- Rezultate pagini externe
- Incarcarea AJAX de fisiere
- Rezultate pagini interne (login, preferintele utilizatorului, proprietati, formule de contact, etc)
- Care prezinta un video sau o animatie flash
- Arata imagini
- Se afiseaza informatii produs
- Sectii admin
- ...
Ce browsere sunt acceptate?
- Safari
- Firefox 1.5 +
- Internet Explorer 5.5 +
- Opera 8.5 +
Alte browsere pot fi, de asemenea, sprijinite.
Aveti nevoie de ajutor? Alatura-te grupului GreyBox
Va rugam sa folositi grupul nostru Google, daca aveti nevoie de ajutor:
Veti avea nevoie pentru a deveni membru, daca doriti pentru a posta.