Autore Topic: Sfondo che cambia ogni volta: come fare? (Letto 9574 volte)

save85 · « **il:** 22 Mar 2009, 00:54:58 »

Salve a tutti.

Sto realizzando un sito con Joomla 1.59 e il template Xiubu. Vorrei che ogni volta che un visitatore naviga all'interno del sito lo sfondo cambi. Quindi, se lui va nel link A avrà lo sfondo 1, se va nel link B avrà lo sfondo 3, se torna al link A avrà lo sfondo 2 e così via.

La mia domanda è: volendo che lo sfondo cambi nella sezione TOP, come posso fare? grazie.

conti1 · « **Risposta #1 il:** 22 Mar 2009, 01:21:10 »

ciao
non e cosi semplice come dirlo se mastichi un po di html css e sai scrivere uno script allora lo puoi fare.prova a seguire la discussione che c'è già in corso cosi ti puoi rendere conto.
in alternativa poi sempre usare, diciamo la Più semplice e veloce usare + template e assegnare ad ogni voce di link del menu da usare quella parte x quel link. forse non mi sono spiegato molto bene, vediamo di ricapitola re .
tu usi un template di default poi installi un altro template oppure anche sempre lo stesso rinominando-lo altrimenti non si istalla se usi sempre lo stesso , nel css cambi solo lo sfondo della parte interessata e lo assegni a quella parte di menu. questa e la cosa Più veloce anche se non sai codici .qui x il post già in atto.

http://forum.joomla.it/index.php/topic,65892.0.html

save85 · « **Risposta #2 il:** 22 Mar 2009, 12:17:12 »

Ciao e grazie per la risposta.

Ho letto la discussione che mi hai linkato e credo di non essermi spiegato bene. Quello che voglio realizzare io è uno sfondo dinamico, che cambi ogni volta, e quindi senza associare un template per ogni link. In rete ho trovato questo Javascript:
<script type="text/javascript" language="JavaScript">

</script>

che, applicato ad una normale pagina html nel campo <head> funziona egregiamente, ma una volta applicato all'index.php del template (percorso: templates\xiubu) non lo carica.

Sbaglio io ad applicarlo o cosa?

grazie

conti1 · « **Risposta #3 il:** 22 Mar 2009, 13:14:03 »

normale che in una pagina httml sola funzioni , ma abbinato a un template Sara dura se non gli dici dove cambiare l'immagine visto che probabile e il css che fa l'immagine.

prova guardare il template ja_purity in alto dx ci sono delle immagini che cambiano solo se cambi pagina tu vorresti fare come quello ,solo che al posto di cambiare in quel punto vorresti far cambiare lo sfondo .
guarda come e composto quello e in 3 parti una parte inserita in html una parte e css e l'ultima la Più importante lo script , e a mio parere se non queste 3 cose con un solo script come hai postato non riuscirai mai. posso anche sbagliarmi .

.: BlackHat :. · « **Risposta #4 il:** 22 Mar 2009, 13:18:42 »

Ciao save85,
io l'ho prvato lo script e funziona alla perfezione.
Sono sicuro che stai sbagliadno il path delle immagini. Se le immagini le hai ad esempio nello stesso lvl della index.php, dovrai scrivere cosi

var backgr1="templates/tuotemplate/sfondo01.jpg"

vedrai che poi funziona. ciau

conti1 · « **Risposta #5 il:** 22 Mar 2009, 13:40:00 »

Citazione da: .: BlackHat :. - 22 Mar 2009, 13:18:42

Ciao save85,
io l'ho prvato lo script e funziona alla perfezione.
Sono sicuro che stai sbagliadno il path delle immagini. Se le immagini le hai ad esempio nello stesso lvl della index.php, dovrai scrivere cosi

var backgr1="templates/tuotemplate/sfondo01.jpg"

vedrai che poi funziona. ciau

ciao provato pure io a parte il percorso non cambiava nulla chi dice al template di caricare il css del'immagine

save85 · « **Risposta #6 il:** 22 Mar 2009, 14:32:57 »

Citazione da: .: BlackHat :. - 22 Mar 2009, 13:18:42

Ciao save85,
io l'ho prvato lo script e funziona alla perfezione.
Sono sicuro che stai sbagliadno il path delle immagini. Se le immagini le hai ad esempio nello stesso lvl della index.php, dovrai scrivere cosi

var backgr1="templates/tuotemplate/sfondo01.jpg"

vedrai che poi funziona. ciau

Ciao, ma dove l'hai inserito? il path delle immagini lo inserivo corretto e toglievo anche il backgroud dal css nella sezione body. Ora guardo anche ja_purity.

.: BlackHat :. · « **Risposta #7 il:** 22 Mar 2009, 14:39:53 »

@conti1: quello script non dice cosa caricare nel css, dice solo di aggiungere al tag body nella index le parole
bacground, bgcolor bla bla. poi con il piccolo codice all'interno, prende una delle tre variabili in modo random e la carica come bacground. niente di più. il file .css non viene toccato, ne tanto meno viene aggiunto qualche style nella index. sono solo delle caratteristiche al tag body che vengono aggiunte.

@save85: nelle tre variabili modifica in quel modo il path. ovviamente anche il nome delle immagini e poi metti le immagini dentro la cartella del tuo template, allo stesso lvl della index.php

save85 · « **Risposta #8 il:** 22 Mar 2009, 14:41:30 »

Ok, oggi provo poi vi faccio sapere.

save85 · « **Risposta #9 il:** 23 Mar 2009, 14:30:44 »

Buongiorno a voi. Ecco quello che ho fatto finora:

Ho eliminat ogni riferimento al background nel template.css
Ho inserito lo script
<script>

var backgr1="templates/xiubu/sfondo01.jpg"
var backgr2="templates/xiubu/sfondo02.jpg"
var backgr3="templates/xiubu/sfondo03.jpg"

var cur=Math.floor(5*Math.random()) + 1
switch(cur) {
case 1:
backgr = backgr1;
break;
case 2:
backgr = backgr2;
break;
case 3:
backgr = backgr3;
break;
case 4:
backgr = backgr4;
break;
case 5:
backgr = backgr5;
break;
}
document.write('<body background=backgr>'); </script>

nella sezione <head> </head>

Il risultato è chemi visualizza solo uno sfondo (e precisamente sfondo03.jpg.
In allegato (xiubu.rar) vi metto il mio index.php modificato con lo script, il template.css e le tre immagini di sfondo.
Se qualcuno di voi fosse così gentile da aiutarmi a capire dove sta il problema gli sarò immensamente grato.

xiubu.rar

Grazie

.: BlackHat :. · « **Risposta #10 il:** 23 Mar 2009, 14:58:57 »

Allora da quello che vedo ci sono delle cose diverse dal codice iniziale a quello che hai postato.
1) la funzione per calcolare il valore random prima moltiplicava x6 adesso x5
2) hai messo più case ma non sono dichiarate le variabili con gli sfondi
3) il document.write dovrebbe funzionare, ma io ti consiglierei prima di farlo funzionare con il codice di base e po provare a fare le modifiche.

p.s. il link non funziona

save85 · « **Risposta #11 il:** 23 Mar 2009, 17:50:11 »

ora provo a ricaricare il file...

save85 · « **Risposta #12 il:** 23 Mar 2009, 17:51:27 »

http://www.filefactory.com/file/af7a6f9/n/xiubu_rar

conti1 · « **Risposta #13 il:** 23 Mar 2009, 17:59:19 »

Citazione da: save85 - 23 Mar 2009, 17:51:27

http://www.filefactory.com/file/af7a6f9/n/xiubu_rar

ciao scusa quale sarebbe lo sfondo che dovrebbe cambiare?
quello rosso in cima ho il bianco?

save85 · « **Risposta #14 il:** 23 Mar 2009, 18:08:59 »

Cercando su Internet ho trovato qualche notizia per la creazione di questo script. Quello che ho usato è il secondo da me postato (questa mattina). Il file template.css è quello "in uso" (il secondo è la copia dell'originale così com'era). A me interessa che lo sfondo possa cambiare in maniera random tra sfondo01.jpg, sfondo02.jpg e così via (dovrebbero essere una dozzina di immagini). Non so se mi sono spiegato.

Grazie

conti1 · « **Risposta #15 il:** 23 Mar 2009, 18:21:54 »

ciao prova questo che lo appena fatto e provato con un template e funziona
Parte da inserire nella sezione <head> della pagina web:

Codice: [Seleziona]

 <script language="JavaScript" type="text/JavaScript">
<!--
function image() {
};

image = new image();
number = 0;
// imageArray
image[number++] = "<img src='templates/techline_de_template-j15-014/images/back8.png'>>"
image[number++] = "<img src='templates/techline_de_template-j15-014/images/back3.png'>"
image[number++] = "<img src='templates/techline_de_template-j15-014/images/back1.png'>"
// Aggiungi qui le altre immagini ....
increment = Math.floor(Math.random() * number);
// -->
</script>

inserire nella sezione <body> della pagina web (dove si vuole fare apparire l'immagine):

Codice: [Seleziona]

<script language="JavaScript" type="text/JavaScript">
document.write(image[increment]);
</script>

devi cambiare solo il percorso con il tuo provalo e fammi sapere

save85 · « **Risposta #16 il:** 23 Mar 2009, 18:45:21 »

Ok, si comincia a vedere la luce in fondo al tunnel.

Se voglio cambiare lo sfondo alla sezione dove vanno gli articoli devo inserire il codice

Codice: [Seleziona]

<script language="JavaScript" type="text/JavaScript">
document.write(image[increment]);
</script>

in quale posizione? le ho provate tutte, ma le immagini vengono sempre fuori in alto a sinistra. Un'altra cosa: per far sì che l'immagine si ripeta devo pilotarla dal css con un background-repeat?

save85 · « **Risposta #17 il:** 24 Mar 2009, 12:49:31 »

Nulla?

save85 · « **Risposta #18 il:** 25 Mar 2009, 13:54:05 »

save85 · « **Risposta #19 il:** 26 Mar 2009, 16:45:41 »

up! sperando che qualcuno m'aiuti!