Ciao a tutti,
ho la necessità di far ruotare delle immagini nel CSS.
Se ad esempio nel CSS ho un'istruzione tipo:
background: url(../images/header.jpg) no-repeat;
Come posso passare le immagini a rotazione se queste, naturalmente non possono avere lo stesso nome?
Gli script per la rotazione usano direttamente il nome del file dell'immagine, e non so come fare per rinominarlo ad esempio: header.jpg, in modo che possa essere letto dal CSS.
Ci sono altri sistemi?
Se non sono ancora impazzito è merito Vostro e di questo forum.
Non vorrei essere nei panni della Marcuzzi, se dentro non c'è la Marcuzzi.
Diversi...
O metti una parte di script ASP in testata, con il quale rinomini ogni volta il file (cerca FileSystemObject)
Oppure fai un foglio di stile1.css con:
foglio di stile2.css con:codice:background: url(../images/header.jpg) no-repeat
foglio di stile3.css con:codice:background: url(../images/header2.jpg) no-repeat
E dopo il CSS standard gli fai caricare un CSS random tra quelli sopra.codice:background: url(../images/header3.jpg) no-repeat
Oppure il CSS potrebbe venir generato da una pagina ASP (assegnando le intestazioni e il content-type giusto: 'text/css') nella quale puoi poi generarti codice CSS dinamico a piacimento.
Fai tu... io ti consiglio la seconda.
Non mi è chiaro come si fa.Originariamente inviato da pictor
Oppure il CSS potrebbe venir generato da una pagina ASP (assegnando le intestazioni e il content-type giusto: 'text/css') nella quale puoi poi generarti codice CSS dinamico a piacimento.
Fai tu... io ti consiglio la seconda.
Se non sono ancora impazzito è merito Vostro e di questo forum.
Non vorrei essere nei panni della Marcuzzi, se dentro non c'è la Marcuzzi.
Il 3° o il 2° suggerimento?
Per il secondo basta che nella pagina asp, nella parte delle <head> quando includi il CSS fai qualcosa tipo:
E poi nella cartella /css/ dovrai avere N fogli di stile chiamati banneri1.css, banner2.css, ...., bannerN.csscodice:... ..<head>.. ... <link rel="stylesheet" type="text/css" href="css/stile.css" media="screen" /> <% 'Qua ti generi un numero casuale tra 1 e N (con N che è il numero di immagini che hai) ..... numeroOttenuto = ....Random. ... etc.... etc... .. %> <link rel="stylesheet" type="text/css" href="css/banner<%= numeroOttenuto %>.css" media="screen" />
ognuno contenente solamente:
codice:selettore elemento .classe ..... <--- lo sai tu { background: url(../images/header2.jpg) no-repeat; }....codice:selettore elemento .classe ..... <--- lo sai tu { background: url(../images/header3.jpg) no-repeat; }
...
In questo modo ogni volta ti caricherà, in base al numero random calcolato, un foglio di stile diverso che dirà se andare ad usare come immagine di sfondo un header o un altro.codice:selettore elemento .classe ..... <--- lo sai tu { background: url(../images/headerN.jpg) no-repeat; }
Non è difficile
proverò
Se non sono ancora impazzito è merito Vostro e di questo forum.
Non vorrei essere nei panni della Marcuzzi, se dentro non c'è la Marcuzzi.
Funziona
A volte le cose semplici sembrano irrisolvibili.
Se non sono ancora impazzito è merito Vostro e di questo forum.
Non vorrei essere nei panni della Marcuzzi, se dentro non c'è la Marcuzzi.
E le cose difficili paiono sempre troppo semplici (finchè non le fai
Permessi di invio
Rispondi quotando