Salve a tutti del forum.
Sono nuovo dell'ambiente e di tutto quello che puo' riguardare il mondo del web.
Da giorni che,avendo costruito una pagina web,non riesco a piazzare due js in una singola pagina,e in particolare:
si tartta di una home page che ha un menu' a comparsa dall'alto e nella parte centrale della stessa una sequenza di foto con un'effetto crossfade.
Di seguito posto i codici in maniera separata,qualcuno mi potrebbe aiutare ad inserirli correttamente in una singola pagina?
Grazie a chi si offrira' volontario.
Codice menu' a comparsa dall'alto:
<HTML>
<HEAD>
<title>Voci a comparsa dall'alto</title>
<SCRIPT LANGUAGE="JavaScript">
function setVariables(){
y=-50;x=9;ob=1;max=20 // la var x=indica il n. di bottoni
if (navigator.appName == "Netscape") v=".top=",dS="document.",sD="";
else v=".pixelTop=",dS="",sD=".style";
}
function scrollOn(){
if (ob<10){ // la var x+1 da l'ob
objectX="object"+ob;y+=10;eval(dS + objectX + sD + v + y);
if (y<max) setTimeout ("scrollOn()",20)
else y=-50, max+=40, ob+=1, setTimeout("scrollOn()",20)
}
}
</SCRIPT>
</head>
<BODY onload="setVariables(),scrollOn()">
<table border=0 width=760><tr><td width=180></td><td width=580>
</td></tr></table>
<font size="3"face="verdana">
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object7" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object8" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
<div id="object9" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=0 width=150 bgcolor=004080><td><CENTER>Link</CENTER></td></table></div>
</font>
</body>
</html>
Codice dell'effetto crossafde:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Slide show con dissolvenza - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script permette di realizzare una galleria di immagini con effetto "crossfade". Il passaggio da un'immagine all'altra avverrà, infatti, con un effetto dissolvenza gestibile nella durata. Lo script è compatibile sia con Explorer che con altri browser ma il "crossfade" sarà visibile solo con il software di casa Microsoft. In ultimo è importante notare che, per una migliore riuscita dell'effetto, le immagini dovrebbero avere tutte la stessa grandezza." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<script type="text/javascript" language="JavaScript">
<!--
var slideShowSpeed = 2000
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '01.gif'
Pic[1] = '02.gif'
Pic[2] = '03.gif'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans (duration=2)"
document.images.SlideShow.style.filter="blendTrans (duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply ()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play( )
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
</script>
</head>
<body onload="runSlideShow()">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=100 width=100>
[img]01.gif[/img]</td>
</tr>
</table>
</div>
</body>
</html>
Rispondi quotando