Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.37 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Script_gadget » Immagine per ogni giorno della settimana

..:: Immagine per ogni giorno della settimana ::..


Uno script molto semplice e utile per realizzare
dei gadget dedicati al tempo un po' originali e sfiziosi ^_^

Ecco un mio lavoretto in cui ho usato questo script
data, ora e immagine pucciosa per il giorno della settimana

Per vedere i vari soggetti realizzati
cliccate qui -> Settimanelli


Vediamo il codice


<script type="text/javascript">
// Week Of The Day Image - www.javascriptkit.com
// Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php

var mondayimg="url immagine lunedì"
var tuesdayimg="url immagine martedì"
var wednesdayimg="url immagine mercoledì"
var thursdayimg="url immagine giovedì"
var fridayimg="url immagine venerdì"
var saturdayimg="url immagine sabato"
var sundayimg="url immagine domenica"

var mydate=new Date()
var today=mydate.getDay()
if (today==1)
document.write('<img src="'+mondayimg+'">')
else if (today==2)
document.write('<img src="'+tuesdayimg+'">')
else if (today==3)
document.write('<img src="'+wednesdayimg+'">')
else if (today==4)
document.write('<img src="'+thursdayimg+'">')
else if (today==5)
document.write('<img src="'+fridayimg+'">')
else if (today==6)
document.write('<img src="'+saturdayimg+'">')
else
document.write('<img src="'+sundayimg+'">')
</script>

Uno script molto semplice quanto versatile, si possono inserire immagini pronte
trovate in rete o realizzare delle tag dedicate appunto ai giorni della settimana e abbinato
ad altri script può diventare un accessorio/gadget web molto sfizioso

Si personalizza semplicemente inserendo le url delle immagini nella prima parte del codice,
le immagini possono avere le varie estensioni .gif, .png e .jpg
il mio consiglio è di utilizzare immagini con misure in altezza e larghezza simili
altrimenti si potrebbe creare confusione nella pagina

[...]
var mondayimg="https://url pagina/nome_immagine.gif"
var tuesdayimg="https://url pagina/nome_immagine.gif"
ecc. ecc.

Un piccolo esempio realizzato con tag in grafica
Per vedere le tutte le tagghine che ho inserito cliccate -> qui



# Prelevate qui lo script

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




Se volete realizzare dei gadget/accessori da far prelevare vi serviranno anche:
-> Iframe -> Textarea -> Pagina anteprima gadget

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 questo tutorial... Grazie ^_^




100%
Voti totali: 3
Rating... 5





Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


~ Pagina visitata da 2506 utenti


 H: 
Buon Autunno !





Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥

..:: Basi ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..




Accessori e gadget del telaio...


Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Angel
17/10/2024 16:24:12
Mi perdo a guardare il tuo Telaio.. è bello, con tante cosine che mi mandano in estasi.. e me le porto via.. Sei brava! Ciao, auguroni di ogni bene.
ೡ Scritto in... Settimanelli... Una gif per ogni giorno della settimana
 
Sognografica
08/10/2024 00:07:16
Ciao cara Penelope è stato un piacere trovare i tuoi saluti nella mia chattina contraccambio con tutto il cuore e ti mando un forte abbraccio ^_^♥
ೡ Scritto in... Home
 
Sari
28/09/2024 11:38:22
Buongiorno Penelope,è sempre interessante passare dalle tue pagine e scoprire il frutto del tuo lavoro. L'autunno è già felicemente iniziato ma ne prenderò ugualmente uno... sono così carini.Grazie.
ೡ Scritto in... Countdown stagioni e feste
 
Gabriella
19/09/2024 11:36:38
Penny sono bellissimi ! Complimenti
ೡ Scritto in... Countdown stagioni e feste
 
Elise
08/09/2024 18:17:18
Ciao Penelope, sono ancora qui, mi piace il tuo Countdown di Halloween e l'ho inserito nel mio blog.Grazie , un abbraccione e buona domenica!!!Baci Elise
ೡ Scritto in... Countdown stagioni e feste
 
Elise
05/09/2024 17:06:43
Ciao Penelope, ho prelevato due adottini "amo l'Inverno", come sempre sei bravissima!!!!!Grazie un abbraccione e buona serataElise
ೡ Scritto in... I love Winter...
 
DanyGraphic
31/08/2024 05:19:19
Sono passata per un saluto ....è sempre un piacere navigare nel tuo sito. Buon fine settimana
ೡ Scritto in... Home
 
Elise
02/08/2024 09:42:01
Ciao Penelope, sono contenta che ti ricordi di me, ti dirò anche io sto poco al PC è un caldo veramente esagerato!!! Continuerò a seguirti , troppo belle le tue creazioni.Grazie un abbraccione e buona estate anche a te
ೡ Scritto in... Home
 
Elise
20/07/2024 16:43:26
Ciao Penelope, ho preso un tuo bellissimo bottone top Home, spero non ti dispiaccia.Ti ringrazio.Un abbraccioneElise
ೡ Scritto in... Bottoni top page tag e pixel
 
Elise
19/07/2024 12:02:47
Ciao Penelope, non so se ti ricordi di me, io è un pò che non vado sul blog, volevo solo dirti che che ho preso la stagione estate, sei bravissima Grazie e alla prossimaElise
ೡ Scritto in... Stagione attuale vintage...