ho scaricato alcuni scripts java da html.it.
mi sarebbe piaciuto utilizzare i seguenti scripts nella mia homepage però non capisco per quale ragione non sembrano essere compatibili.
lo script dei contenuti scorrevoli rimane visibile mentre quello dell'immagine mosaico scompare nel nulla.
per quale motivo?come posso fare?
ecco gli scripts:
<html>
<head>
<span style="position:absolute;
left:250;
top:200">
<title>Immagine mosaico - 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 creare un movimento particolare su immagini. La foto scelta verrà scomposta e ricomposta con un effetto a mosaico in modo continuo.
" />
<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 imgwidth=100
var imgheight=100
var pos_left=250
var pos_top=100
var pause=2000
var speed=200
var i_loop=0
var max_loop=20
var imgheightsmall=Math.round(imgheight/2)
var imgwidthsmall=Math.round(imgwidth/2)
var content
var clipleft
var clipright
var cliptop
var clipbottom
var xrange
var yrange
function clipimage(obj,xclip,yclip) {
if (document.all) {
var thisobj=eval("document.all."+obj+".style")
clipleft=xclip
clipright=clipleft+imgwidthsmall
cliptop=yclip
clipbottom=cliptop+imgheightsmall
thisobj.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
var thisobj=eval("document."+obj)
thisobj.clip.left=xclip
thisobj.clip.right=xclip+imgwidthsmall
thisobj.clip.top=yclip
thisobj.clip.bottom=yclip+imgheightsmall
}
return
}
function initiate() {
if (document.all) {
document.all.container1.style.posLeft=pos_left
document.all.container1.style.posTop=pos_top
clipimage("container1",0,0)
document.all.container2.style.posLeft=pos_left
document.all.container2.style.posTop=pos_top
clipimage("container2",imgwidthsmall,0)
document.all.container3.style.posLeft=pos_left
document.all.container3.style.posTop=pos_top
clipimage("container3",0,imgheightsmall)
document.all.container4.style.posLeft=pos_left
document.all.container4.style.posTop=pos_top
clipimage("container4",imgwidthsmall,imgheightsmal l)
var timer= setTimeout("imgrotate()",pause)
}
if (document.layers) {
document.container1.left=pos_left
document.container1.top=pos_top
clipimage("container1",0,0)
document.container2.left=pos_left
document.container2.top=pos_top
clipimage("container2",imgwidthsmall,0)
document.container3.left=pos_left
document.container3.top=pos_top
clipimage("container3",0,imgheightsmall)
document.container4.left=pos_left
document.container4.top=pos_top
clipimage("container4",imgwidthsmall,imgheightsmal l)
var timer= setTimeout("imgrotate()",pause)
}
}
function randomposition() {
xrange=Math.floor(imgwidthsmall*Math.random())
yrange=Math.floor(imgheightsmall*Math.random())
window.status=xrange+", "+yrange
return
}
function imgrotate() {
if(i_loop<=max_loop) {
if (document.all) {
randomposition()
document.all.container1.style.posLeft=pos_left-xrange
document.all.container1.style.posTop=pos_top-yrange
clipimage("container1",xrange,yrange)
randomposition()
document.all.container2.style.posLeft=pos_left+img widthsmall-xrange
document.all.container2.style.posTop=pos_top-yrange
clipimage("container2",xrange,yrange)
randomposition()
document.all.container3.style.posLeft=pos_left-xrange
document.all.container3.style.posTop=pos_top+imghe ightsmall-yrange
clipimage("container3",xrange,yrange)
randomposition()
document.all.container4.style.posLeft=pos_left+img widthsmall-xrange
document.all.container4.style.posTop=pos_top+imghe ightsmall-yrange
clipimage("container4",xrange,yrange)
}
if (document.layers) {
randomposition()
document.container1.left=pos_left-xrange
document.container1.top=pos_top-yrange
clipimage("container1",xrange,yrange)
randomposition()
document.container2.left=pos_left+imgwidthsmall-xrange
document.container2.top=pos_top-yrange
clipimage("container2",xrange,yrange)
randomposition()
document.container3.left=pos_left-xrange
document.container3.top=pos_top+imgheightsmall-yrange
clipimage("container3",xrange,yrange)
randomposition()
document.container4.left=pos_left+imgwidthsmall-xrange
document.container4.top=pos_top+imgheightsmall-yrange
clipimage("container4",xrange,yrange)
}
i_loop++
var timer= setTimeout("imgrotate()",speed)
}
else {
i_loop=0
var timer= setTimeout("initiate()",speed)
}
}
//-->
</script>
</head>
<body onLoad="initiate()">
<div align="center">
<div id="container1" style="position:absolute;top:-2000px">[img]immagine.gif[/img]</div>
<div id="container2" style="position:absolute;top:-2000px">[img]immagine.giff[/img]</div>
<div id="container3" style="position:absolute;top:-2000px">[img]immagine.gif[/img]</div>
<div id="container4" style="position:absolute;top:-2000px">[img]immagine.gif[/img]</div>
</div>
</body>
</span>
</html>
<head>
<title>Contenuti scorrevoli - 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 mostra un box in cui sarà possibile scorrere i testi attraverso delle frecce." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
</head>
<body >
<div align="center">
<script type="text/javascript">
/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=5
if (iens6){
document.write('<div id="container" style="position:absolute; left:63px; top: 250px; width:105px;height:100px;border:1px dashed pink;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:105px;left:0;top:0" >')
}
</script>
<ilayer name="nscontainer" width=63 height=250 clip="0,0,63,250">
<layer name="nscontent" width=63 height=250 visibility=hidden>
<head>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<span style="position:absolute;
left:80;
top250;>
<table width="175px"><td><p align="right"></span>
<span style="position: absolute; left: 100; top: 360">[img]up.gif[/img]</span> <span style="position: absolute; left: 120; top:360">[img]down.gif[/img]</span></p></td>
</table>
<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheig ht*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+sp eed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility ="show"
}
window.onload=getcontent_height
</script>
</div>
</body>
</html>
aiutatemi per favore
Rispondi quotando
