|
DEMÓ
A futó kép megáll, ha a kép felé viszed a kurzort.
|
KÓDA
A head részbe:
<HEAD>
<SCRIPT>
nereidFadeObjects = new
Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate,
delta){
if (!document.all)
return
if (object !=
"[object]"){ //do this so I can take a string
too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff =
destOp-object.filters.alpha.opacity;
direction =
1;
if (object.filters.alpha.opacity >
destOp){
direction =
-1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity
!= destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</SCRIPT>
</HEAD>
A body részbe:
<BODY bgColor=#303030 leftMargin=0
topMargin=0>
<TABLE height="100%" cellSpacing=0
width="100%">
<TBODY>
<TR>
<TD vAlign=center
align=middle>
<SCRIPT
language=JavaScript1.2>
//Az objektum szélessége pixelben
var
sliderwidth="800px"
//Az objektum magassága pixelben
var
sliderheight="325px"
//Az effekt sebessége (1-10)
var slidespeed=5
//Az
objektum háttérszíne
slidebgcolor="#FFFFFF"
//A Képek URL-címeit másold be
var
leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img
src="http://www.hitetlen .hu/demo-kepek/0.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[1]='<img
src="http://www.hitetlen .hu/demo-kepek/1.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[2]='<img
src="http://www.hitetlen .hu/demo-kepek/2.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[3]='<img
src="http://www.hitetlen .hu/demo-kepek/3.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[4]='<img
src="http://www.hitetlen .hu/demo-kepek/4.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[5]='<img
src="http://www.hitetlen .hu/demo-kepek/5.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[6]='<img
src="http://www.hitetlen .hu/demo-kepek/6.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[7]='<img
src="http://www.hitetlen .hu/demo-kepek/7.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[8]='<img
src="http://www.hitetlen .hu/demo-kepek/8.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
leftrightslide[9]='<img
src="http://www.hitetlen .hu/demo-kepek/9.jpg" border=0
style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
var
copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join("
")+'</nobr>'
var iedom=document.all||document.getElementById
if
(iedom)
document.write('<span id="temp"
style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var
actualwidth=''
var cross_slide, ns_slide
function fillup(){
if
(iedom){
cross_slide=document.getElementById?
document.getElementById("test2") :
document.all.test2
cross_slide2=document.getElementById?
document.getElementById("test3") :
document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all?
cross_slide.offsetWidth :
document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20+"px"
}
else
if
(document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if
(parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30+"px"
if
(parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30+"px"
}
else if (document.layers){
if
(ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30
if
(ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}
if (iedom||document.layers){
with
(document){
document.write('<table border="0" cellspacing="0"
cellpadding="0"><td>')
if (iedom){
write('<div
style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div
style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'"
onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed">')
write('<div id="test2"
style="position:absolute;left:0px;top:0px"></div>')
write('<div
id="test3"
style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else
if (document.layers){
write('<ilayer width='+sliderwidth+'
height='+sliderheight+' name="ns_slidemenu"
bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0
top=0 onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed"></layer>')
write('<layer
name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</SCRIPT>
<BR><FONT face=Verdana color=#606060 size=1><I>A futó kép
megáll, ha a kép felé viszed a kurzort.</I></FONT>
</TD></TR></TBODY></TABLE></BODY>
MEGJEGYZÉS
Gportálosok a két kódot egymás után másolják be a
honlapjukba!
A BODY részben cseréled le a képek URL-címét.
Ha több vagy
kevesebb képet szeretnél megjeleníteni,
duplázd vagy töröld a következő
sorokat a BODY részben:
leftrightslide[9]='<img src="http://www.hitetlen .hu/demo-kepek/9.jpg"
border=0 style="filter:alpha(opacity=40)" onfocus="this.blur();"
onmouseover="nereidFade(this,100,30,5)"
onmouseout="nereidFade(this,40,30,5)">'
Ha duplázod , ne felejsd
el a sorszámát növelni! ( leftrightslide[9]
)
A BODY részben találsz egy-két állítási lehetőséget.
Igazítsd
a honlapod kinézetéhez!
//Az objektum szélessége pixelben
var
sliderwidth="800px"
//Az objektum magassága pixelben
var
sliderheight="325px"
//Az effekt sebessége (1-10)
var slidespeed=5
//Az
objektum háttérszíne
slidebgcolor="#FFFFFF"
|
AJÁNLOM AZ OLDALT
Kezdőlapnak! 
