Highslide JS

Subiect: Highslide JS Mar Mar 15, 2011 12:15 am

Highslide JS

Descriere:

Highslide
JS este un script ce va permite vizualizarea imaginilor intr-o galerie
incadrata intr-un sablon elegant ce se suprapune peste pagina curenta.
De asemenea puteti incadra in acesta si alte continuturi cum ar fi diverse texte.

Avantajele utilizarii:

Rapid si elegant;
Nu necesita pluginuri Flash sau Java;
Blocajele de tip "Pop-up" nu sunt o problema. Continutul se deschide inauntrul ferestrei active din navigator;
Un
singur click. Dupa deschiderea sablonului, utilizatorul poate derula in
jos sau schimba pagina web fara a o inchide pe cea actuala;
Multe
optiuni de configurare si scalabilitate fara a compromite simplitatea.
Un sistem component va permite sa demontati caracteristicile neutilizate
pana la o dimensiune a fisierului de 10KB;
Sprijin neconditionat, remarcabil si gratuit, atat pentru utilizatorii comerciali cat si necomerciali;
Compatibilitate
si siguranta. Daca utilizatorul a dezactivat JavaScript sau este
folosit un navigator vechi, acesta este redirectionat direct catre
imagine sau la o anumita pagina HTML;
Cod sursa inclus.

Cum se utilizeaza:

Descarcati si extractati continutul arhivei zip de pe web site-ul oficial.
Dupa ce ati dezarhivat, trebuie sa urcati dosarul "highslide/graphics" pe un host pentru a putea folosi imaginile.
Inlocuiti
adresele web ale imaginilor din fisierul highslide.css , ce il gasiti
in dosarul "highslide" cu cele urcate de catre voi pe host.
Urmatorul pas este urcarea fisierelor highslide.css (modificat) si highslide.js pe host. (vezi tutorialul de uploadarea fisierelor .js / .css etc)
Puneti acest cod in headerul (intre tagurile ) paginii voastre HTML:

Cod:

<script type="text/javascript" src="link-ul catre highslide.js"></script>
<link rel="stylesheet" type="text/css" href="link-ul catre highslide.css" />
<script type="text/javascript">
// override Highslide settings here
// instead of editing the highslide.js file
hs.graphicsDir = 'link-ul catre dosarul graphics';
</script>

In acest mod marcati imaginea pentru a putea folosi Highslide:

Cod:

<a href="link imagine" class="highslide" onclick="return hs.expand(this)">
<img src="link imagine" alt="Highslide JS" title="Click to enlarge" height="120" width="107" /></a>

Mult noroc!

Tutorial tradus si adaptat de AGent
Sursa: http://highslide.com/