ೡLink navigazione :.


ೡ Immagine a rotazione o random


- Testato personalmente su
Internet Exsplorer Firefox Google Chrome

Script per immagini che cambiano ogni volta che si aggiorna la pagina,
purtroppo non c'è il credits dell'autore per cui non ho potuto vedere la versione originale,
credo sia stato scritto per far visualizzare dei banner pubblicitari ma si può utilizzare con qualsiasi
tipo di immagini per realizzare delle anteprime, dei semplici gadget o combinarlo con altri script

Un piccolo esempio, ho preparato una tag per la base, in cui ho inserito
lo script per le immagine per visualizzare delle minigif e il datario con saluto



- Aggiornate più volte per vedere le varie giffette, l'effetto random non
ha uno schema prefissato può apparire anche per tre volte la stessa immagine

Clicca qui per vedere il codice dello script

<script type="text/javascript">
// Autore sconosciuto
// Spiegato da http://www.iltelaiodipenelope.it/tutorial/index.php

hoje = new Date()
numero_de_imagens = 6
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens

if (numero == 0){
banner = "url immagine"
}
if (numero == 1){
banner = "url immagine"
}
if (numero == 2){
banner = "url immagine"
}
if (numero == 3){
banner = "url immagine"
}
if (numero == 4){
banner = "url immagine"
}
if (numero == 5){
banner = "url immagine"
}
document.write('<img src="' + banner + '" border=0 alt="Testo">')
</script>

Una volta preparate le immagini o le gif necessarie basterà inserire gli url delle pagine negli appositi
campi, per visualizzare più immagini se ne possono aggiungere degli altri, e riportare il numero
delle immagini totali da visualizzare nel parametro all'inizio dello script: "numero_de_imagens = 6"
- Fate attenzione perché si parte dal numero 0

[...]
if (numero == 6){
banner = "url immagine"
}
if (numero == 7){
banner = "url immagine"
}
ecc. ecc.

- Se invece ne volete eliminare alcuni, cancellate i campi
che non vi servono e aggiornate il numero con le immagini da visualizzare

# Prelevate qui lo script

Inserire nel punto in cui si vuole visualizzare,
comunque sotto il tag <body>



⇜ ↭ ↭ ↭ ⇝

Immagini random... linkate

Ho smanettato un po' con il codice per renderlo funzionale a chi volesse postare
dei banner e quindi poter inserire i rispettivi link, utile anche per postare delle piccole anteprime

Clicca qui per vedere il codice dello script

<script type="text/javascript">
// Autore sconosciuto
// Spiegato e rielaborato da http://www.iltelaiodipenelope.it/tutorial/index.php

hoje = new Date()
numero_de_imagens = 6
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens

if (numero == 0){
banner = "url immagine/banner"
banner_url ="http://url pagina"
testo = "Nome spazio/immagine"
}
if (numero == 1){
banner = "url immagine/banner"
banner_url ="http://url pagina"
testo = "Nome spazio/immagine"
}
if (numero == 2){
banner = "url immagine/banner"
banner_url ="http://url pagina"
testo = "Nome spazio/immagine"
}
if (numero == 3){
banner = "url immagine/banner"
banner_url ="http://url pagina"
testo = "Nome spazio/immagine"
}
if (numero == 4){
banner = "url immagine/banner"
banner_url ="http://url pagina"
testo = "Nome spazio/immagine"
}
if (numero == 5){
banner = "url immagine/banner"
banner_url ="http://url pagina"
testo = "Nome spazio/immagine"
}
document.write('<a target="_blank" href="http://' + banner_url + '"><img src="' + banner + '" border=0 alt="' + testo + '"></a>')
</script>

In pratica ho aggiunto due campi, uno per url della pagina da linkare e uno per inserire
un piccolo testo info, in cui scriveremo giusto il nome dello spazio linkato o il nome dell'immagine,
quindi ho inserito i richiami nel campo che permette la visualizzazione delle immagini

- Anche in questo caso si possono aggiungere o eliminare i campi per i parametri
delle immagini da visualizzare, procedendo come spiegato sopra

- Ho inserito il parametro che permette l'apertura delle pagine in una nuova finestra,
se non vi serve ovviamente lo potete cancellare, con un po' di attenzione^^

* Qui il tag si spezza ma mi raccomando lasciate tutto su una linea, come lo trovate nello script

document.write('<a target="_blank" href="http://' + banner_url + '"><img src="' + banner + '" border=0 alt="' + testo + '"></a>')

Un piccolo esempio live con dei piccoli banner per le varie sezioni dei tutorial



# Prelevate qui lo script

Inserire nel punto in cui si vuole visualizzare,
comunque sotto il tag <body>



⇜ ↭ ↭ ↭ ⇝

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


ೡ Dai un giudizio a questa guida... Grazie ^_^
60%
Voti totali: 1
Rating... 3


Un clik dai!
Se il telaio ti piace e pensi che sia utile votalo nelle top 100... :: Clicca qui! :: Clicca!


e... condividi questa pagina ^_^


Se hai problemi con la guida scrivimi qui...

mulberry handbags sale
20/05/2013 11:03:22
Home Page
Best wishes!Your blog is very good
ೡ Commento scritto dalla pagina '/tutorial/script_pagina/cursore_scrittina.php'
Sabry
01/05/2013 15:25:02
Home Page
Ciao Penelope, sei proprio brava ... ... provo una sana invidia ... hehehe .... Posso chiederti una cosa?Per farmi mandare un messaggio sulla mia posta elettronica come devo fare? Vorrei mettere una sorta di bannerino tipo "mail me" nel mio bloggino ...:-) grazie per la pazienza
ೡ Commento scritto dalla pagina '/tutorial/index_basi.php'
star
24/04/2013 15:07:32
***
scusa su un sito ho visto una che ha creato un certo tag dell'umore a quanto pare lo ha preso da qui, posso sapere come averlo?? ti prego è urgenteeeeeeeeeeeeeeeeeeeeeeeeeeeee*_*
ೡ Commento scritto dalla pagina '/tutorial/script_pagina/link_effetto_arcobaleno.php'
Saray
24/03/2013 18:48:16
Home Page
Ciao cara Penelope oggi sono stata qui quasi due orette a guardare la tua bellissima grafica. Ho preso un tuo vestitino per la mia Cbox. E' venuta molto bene e ti ringrazio moltissimo. Baci
ೡ Commento scritto dalla pagina '/tutorial/index.php'
Ylenia
12/03/2013 11:11:43
***
Brava, sito molto carino, utile e ben fatto. Continua così!..: Ylenia :..
ೡ Commento scritto dalla pagina '/tutorial/html/link.php'

⇜ ↭ ↭ ↭ ⇝

  Nickname
 		   Home Page
 
[ ^_^ ] [ =^_^= ] [ O_O ] [ *_* ] [ ♥ ]






- Pagina visitata da 125 utenti 		 

ೡ Menu script gadget



Penelope guide web

More banner





ೡ Mini anteprime articoli...





ೡ News dal telaio...



ೡ Altre sezioni utili...

- Fare un sito...
Guida completa alla realizzazione
e gestione di un sito web
- Un sito su AlterVista
Guida completa alla realizzazione
e gestione di un sito su AlterVista
- Tenplate Webset and Blog
Basi complete per siti web
e kit per i blog Blogger
- Gif... more gif!
Tutte le gif che vuoi!



38 Twitter follower
PenelopeLive




 
Torna indietro Torna su