Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : save85 22 Mar 2009, 00:54:58

: Sfondo che cambia ogni volta: come fare?
: save85 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.
: Re: Sfondo che cambia ogni volta: come fare?
: conti1 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
: Re: Sfondo che cambia ogni volta: come fare?
: save85 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">
<!--
var backgr1="sfondo01.jpg"
var backgr2="sfondo02.gif"
var backgr3="sfondo03.jpg"

var cur=Math.round(6*Math.random())
if (cur<=1)
backgr=backgr1
else if (cur<=4)
backgr=backgr2
else
backgr=backgr3
document.write('<body background="'+backgr+'" bgcolor="#ffe4c4" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">')
//-->
</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
: Re: Sfondo che cambia ogni volta: come fare?
: conti1 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 .
: Re: Sfondo che cambia ogni volta: come fare?
: .: 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
: Re: Sfondo che cambia ogni volta: come fare?
: conti1 22 Mar 2009, 13:40:00
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
: Re: Sfondo che cambia ogni volta: come fare?
: save85 22 Mar 2009, 14:32:57
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.
: Re: Sfondo che cambia ogni volta: come fare?
: .: BlackHat :. 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
: Re: Sfondo che cambia ogni volta: come fare?
: save85 22 Mar 2009, 14:41:30
Ok, oggi provo poi vi faccio sapere.
: Re: Sfondo che cambia ogni volta: come fare?
: save85 23 Mar 2009, 14:30:44
Buongiorno a voi. Ecco quello che ho fatto finora:

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 (http://"http://freefilehosting.net/download/467kg")

Grazie
: Re: Sfondo che cambia ogni volta: come fare?
: .: BlackHat :. 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
: Re: Sfondo che cambia ogni volta: come fare?
: save85 23 Mar 2009, 17:50:11
ora provo a ricaricare il file...
: Re: Sfondo che cambia ogni volta: come fare?
: save85 23 Mar 2009, 17:51:27
http://www.filefactory.com/file/af7a6f9/n/xiubu_rar (http://www.filefactory.com/file/af7a6f9/n/xiubu_rar)
: Re: Sfondo che cambia ogni volta: come fare?
: conti1 23 Mar 2009, 17:59:19
http://www.filefactory.com/file/af7a6f9/n/xiubu_rar (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?
: Re: Sfondo che cambia ogni volta: come fare?
: save85 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
: Re: Sfondo che cambia ogni volta: come fare?
: conti1 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:

:
<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):

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

devi cambiare solo il percorso  con il tuo provalo e fammi sapere
: Re: Sfondo che cambia ogni volta: come fare?
: save85 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
:
<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?
: Re: Sfondo che cambia ogni volta: come fare?
: save85 24 Mar 2009, 12:49:31
Nulla?
: Re: Sfondo che cambia ogni volta: come fare?
: save85 25 Mar 2009, 13:54:05
 ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ???
: Re: Sfondo che cambia ogni volta: come fare?
: save85 26 Mar 2009, 16:45:41
up! sperando che qualcuno m'aiuti!