Cambiare in colpo unico sfondo Body e due immagini

**LainX** · 14-10-2008, 15:04

Ho provato con IE7, Firefox, Safari, Opera e Google Chrome ma su entrambi non cambia nulla al passaggio del mouse.

**LainX** · 14-10-2008, 15:13

Ho caricato la pagina da tè creata con il seguente indirizzo : http://zenofjapan.ilbello.com/test.html

**dav22** · 14-10-2008, 15:35

quindi anche da locale ti da il problema?

penso di aver fatto casino con quello che ti dicevo javascript: e http://.../ prova a cambiare solo queste cosette (ho aggiunto anche type="text/javascript" e vedrai che funziona..

ah mi sa che mi sono anche dimenticato di chiudere il div container.. :P
se non riesci a ripristinare, più tardi provo direttamente il tutto

in ogni caso qualcosa del genere .. l'ho scritto al volo (usa la console degli errori di firefox o di chrome per verificare il funzionamento)

codice:

<html> 
<head> 
	<title> Zen of Japan </title> 
	<link rel="stylesheet" type="text/css" href="style/style.css"> 
	
	<script type="text/javascript" language="JavaScript">
	
		var backColor = new Array();
		backColor[0] = '#eacb00';
		backColor[1] = '#da8544';
		backColor[2] = '#10537d';
		backColor[3] = '#78ad3b';
		
		var logos = new Array();
		logos[0] = 'image/logo_yellow.jpg';
		logos[1] = 'image/logo_brown.jpg';
		logos[2] = 'image/logo_blue.jpg';
		logos[3] = 'image/logo_red.jpg';
		
		var shadows = new Array();
		shadows[0] = 'image/shadow_yellow.jpg';
		shadows[1] = 'image/shadow_brown.jpg';
		shadows[2] = 'image/shadow_blue.jpg';
		shadows[3] = 'image/shadow_red.jpg';
		
		function changeBG(index)
		{
			document.body.style.background = backColor[index]+' url(\''+shadows[index]+'\') repeat-x 0 0';
			
			var logo = document.getElementById('logo');
			if (logo) logo.src = logos[index];
			//var shadow = document.getElementById('shadow');
			//if (shadow) shadow.src = shadows[index];
		}
	</script> 
 
	
</head> 
<body onload="javascript:changeBG(0)" style="margin:0;padding:0;border:0;">
	 
	<div class="container"> 
		<div class="header"> 
			[img]image/logo_yellow.jpg[/img] 
			<div class="square"> 
				<div class="s1">[img]image/square/orange.jpg[/img]</div> 
				<div class="s2">[img]image/square/brown.jpg[/img]</div> 
				<div class="s3">[img]image/square/blue.jpg[/img]</div> 
				<div class="s4">[img]image/square/green.jpg[/img]</div> 
			</div> 
		</div> 
		<div class="box_menu"> 
			<div class="intro Stile1"> 
			  <div align="left">Questo è una prova</div> 
			</div> 
		  <div class="menu Stile1"> 
		    <div align="center">Home | News | Viaggi | Forum | Blog | Hobby | Storia | Gallery | Sport | Musica | Contact Us</div> 
		  </div> 
		  <div class="submenu"></div> 
		</div> 
		<div class="site"> 
			<div class="white_box"> 
				<div class="hd_box"></div> 
				<div class="in_box"></div> 
				<div class="foot_box"></div> 
			</div> 
		</div> 
          </div>
</body> 
</html>

**LainX** · 14-10-2008, 16:01

Ricaricato tale e quale.
Sempre http://zenofjapan.ilbello.com/test.html
Macche non vuole accennare a partire

**dav22** · 14-10-2008, 16:05

ehm scusa ma il post è stato cambiato mentre lo incollavo.. :|

c'è scritto ovunque java-script invece di javascript :P
intanto che ci sei togli anche

codice:

type="text/javascript"

e speriamo sia questo

praticamente un po' per volta e torniamo al tuo looool

**LainX** · 14-10-2008, 16:08

Allora ho trovato il problema :

Questo :

document.body.style.background = backColor[index]+' url(''+shadows[index]+'') repeat-x 0 0';

Diventa questo :

document.body.style.background = backColor[index]+' url('+shadows[index]+') repeat-x 0 0';

Più tutti i java-script e il type="text/javascript" !

Ora lo carico.

Grazie Mille !

**dav22** · 14-10-2008, 16:10

scusa ho fatto qualche cavolata col copia e incolla, l'ho postato dopo averlo scritto al volo.. :P

speriamo bene, ciao

**LainX** · 14-10-2008, 16:17

http://zenofjapan.ilbello.com/

FUNGE

!

Discussione: Cambiare in colpo unico sfondo Body e due immagini

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio