Il sito per imparare gratuitamente a fare pagine Web

JavaScript E6
















E6 - Immagini linkabili con scorrimento orizzontale.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name: Peter Gehrig
Website: www.fabulant.com

Descrizione: Immagini grafiche con didascalia che scorrono orizzontalmente, possono essere cliccate e quindi collegate a qualsiasi URL valido.



Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

seleziona tutto


Passo 2 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <body> e </body> nel punto esatto dove far apparie l'effetto.

seleziona tutto




Note : nelle prime righe di codice dello script trovate dei blocchi di codice come questo:

{
imgurl : "img/fpic1.jpg",
comment : "nome 1",
linkto : "http://www.web-link.it"
}, // comma required


Potete inserire tanti blocchi quante sono le immagini da visualizzare dove: imgurl = nome immagine completo di URL, comment = il nome o il titolo dell'immagine, linkto = url raggiungibile facendo click su quella immagine. Attenzione: ogni blocco che inizia con { e termina con } deve essere terminato con una virgola , fatta eccezione per il solo ultimo blocco, quindi solo l'ultima immagine non dovrà avere alcuna virgola.

var scrollerwidth=400
Dimensione della parte visibile dello slideshow (pixels)

var scrollerheight=120
Altezza dello slideshow (pixels).
ATTENZIONE: Impostare altezza immagine più altezza testo.

var transparentzone_width=40
Dimensione della zona trasparente a sinistra e destrra dello slideshow (pixels)

var transparentzone_color="#F6F6F6"
Colore della zona a sinistra e destra dello script.





Valutazione

Valutazione: 2.6 stelle su 5
N. Voti: (84)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.