Cambio immagine/script

**chiabgigi** · 16-05-2008, 20.32.37

ciao, ho trovato questo script che fa propio per me(e spero anche per altri):

Codice:

<p><a href="javascript:big('45_rosa.jpg')" onmouseout="big_hide()"><img border="0" name="i3" src="45_rosa_small.jpg"></a></p>
<script>
//This and others free scripts you can find on a site: artdhtml.com

ns4=(navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? 1 : 0;
ie4=(document.all && !document.getElementById)? 1 : 0;
ie5=(document.getElementById && document.all)? 1 : 0;
ns6=(document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? 1: 0;
w3c=(document.getElementById)? 1 : 0;

wid=(ie4||ie5)?window.document.body.clientWidth-20:window.innerWidth-36

if(ns4){document.write ('<layer name="di1"></layer>')}else{document.write ('<div id="di1" style="position:absolute;z-index:100" ></div>')}

outd=""

if(w3c)div1=document.getElementById('di1')
if(ie4)div1=document.all['di1']
if(ns4)div1=document.layers['di1']

function move_div(x,y){
	if (isNaN(x+y))return
	if(ns4){div1.moveTo(x,y)}else{div1.style.left=x+'px';div1.style.top=y+'px';}
}

function write_div(text){
	if(ns4){
		div1.document.open();
		div1.document.write(text);
		div1.document.close();
	}
	else {div1.innerHTML=text;}
}
 
function big(n){
ondiv=n
		write_div("<a href=javascript:void(0) onmouseout='big_hide()' onmouseover='ondiv=1'><img border=0 name=ib src="+n+"></a>");
		move_div(x,y)
}

function big_hide(){
	ondiv=0;
	t3=window.setTimeout('big_hide2()',100)
}

function big_hide2(){
if (ondiv==0){
	write_div("");
	move_div(-1000,-1000)}
}

y=x=0
function dragIt(evt){if(ie4||ie5){x=window.event.clientX+document.body.scrollLeft; y=window.event.clientY+document.body.scrollTop}else {x=evt.pageX ; y=evt.pageY }}

document.onmousemove = dragIt
if(ns4){document.captureEvents( Event.MOUSEMOVE )}


</script>
<br><br><br><br>
<center>
Questo semplice script apre una immagine più grossa se clicchiamo su quella già esistente.<br>
(Le immagini sono due, lo script non ingrandisce).<br>
<br>
La figura sparisce appena si esce dall'area immagine.<br>
</center>

la domanda è questa :
1 se io creo un file .js con all'interno il tutto senza <script> </script>
2 come faccio a richiamarlo nella pagina che voglio
se io nel <body> metto
<p><a href="javascript:big('45_rosa.jpg')" onmouseout="big_hide()"><img border="0" name="i3" src="45_rosa_small.jpg"></a></p>
(logicamente le immagini sono diverse) vedo solo l'immagine piccola e quando clicco mi da l'errore
non riesco a capire qual'è la stringa giusta per richiamare detto *.js
ciao gigi

**miki92** · 16-05-2008, 20.38.24

Inserisci questo tra i tag <head> ed </head>:

Codice HTML:

<script type="text/javascript" src="nomefile.js"></script>

16-05-2008, 20.39.34

Nell'head metti:

Codice HTML:

<script type="text/javascript" src="FiLE.js"></script>

Edit: mannaggia preceduto ^^

**chiabgigi** · 16-05-2008, 20.56.15

grazie
@miki92
@comunitavirtuali
ma il mio problema è che devo assegnare lo script a diverse immagini
cioè
se richiamo con

Codice:

<script type="text/javascript" src="FiLE.js"></script>

il file *.js
cosa o come faccio per ogni singola immagine
grazie ciao

**chiabgigi** · 17-05-2008, 00.53.23

il richiamo al file .js non va tra <head> e </head> ma bensì tra <body> e </body>
poi:

Codice:

<p><a href="javascript:big('tua immagine.jpg')" onmouseout="big_hide()"><img border="0" name="i3" src="tua immagine small.jpg" alt="fai click per ingrandire"></a></p>

grazie a tutti ciao gigi

17-05-2008, 12.06.40

Beh ovvio, quello che ti hanno dato miki e comunitavirtuali lo metti nella head, poi quello che hai postato qui nel body

**chiabgigi** · 17-05-2008, 13.27.14

forse mi sono spiegato male
nb, prima ho provato diverse volte
entrambe le stringhe le ho messe nel body per far si che funzioni
----------
però restando sempre nel tema della discussione
non so se hai visto la mia pagina, c'è l'orologio con data e msg di benvenuto
bene tutto il codice lo messo in un file chiamato "clock.js" per non dover sempre metterlo per intero in ogni pagina
in <head> metto:<script type="text/javascript" src="clock.js"></script>
però quando lo provo l'orologio non compare
ciao

Discussione: Cambio immagine/script

LinkBack

Strumenti discussione

Display

Cambio immagine/script

Cambio immagine/script (RISOLTO)

Regole di scrittura