nicht angemeldet
verschiedene Bildergrößen bei verlinkter "onMouseover-Slideshow"
Habe mir von "http://wsabstract.com" gerade das JavaScript für die "onMouseover Slideshow" (unter "Effects with images and music") kopiert und habe nun festgestellt, daß die wechselnden Grafiken alle gleich groß (vor allem gleiches Breiten- und Höhenverhältnis) sein müssen, um korrekt dargestellt zu werden (alle Bilder orientieren sich am größten und werden, falls sie kleiner sind, auf diese Größe gestreckt)! Suche nun ein umgeschriebenes Script, mit dem man verschieden große Bilder korrekt darstellen kann (z.B. "width" und "height" für die jeweiligen Bilder im Bereich "preloadimages" gleich mitladen, ...)!
Quellcode:
Im <head>-Bereich:
<script>
/*Rollover effect on different image script-
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("plane1.gif","plane2.gif","plane3.gif","plane4.gif","plane5.gif")
</script>
Im <body>-Bereich:
<a href="b2.htm" onMouseover="changeimage(myimages[0],this.href)">Plane 1</a>
<a href="f15.htm" onMouseover="changeimage(myimages[1],this.href)">Plane 2</a>
<a href="su27.htm" onMouseover="changeimage(myimages[2],this.href)">Plane 3</a>
<a href="jet.htm" onMouseover="changeimage(myimages[3],this.href)">Plane 4</a>
<a href="boeing.htm" onMouseover="changeimage(myimages[4],this.href)">Plane 5</a>
<a href="javascript:warp()"><img src="plane0.gif" name="targetimage" border=0></a>
Danke!
HeinzGünter
-
Hallo!
Habe mir von "http://wsabstract.com" gerade das JavaScript für die "onMouseover Slideshow" (unter "Effects with images and music") kopiert und habe nun festgestellt, daß die wechselnden Grafiken alle gleich groß (vor allem gleiches Breiten- und Höhenverhältnis) sein müssen, um korrekt dargestellt zu werden (alle Bilder orientieren sich am größten und werden, falls sie kleiner sind, auf diese Größe gestreckt)! Suche nun ein umgeschriebenes Script, mit dem man verschieden große Bilder korrekt darstellen kann (z.B. "width" und "height" für die jeweiligen Bilder im Bereich "preloadimages" gleich mitladen, ...)!
Schaue Dir das mal an: <115137.html> bzw. die kleine Berichtigung <115138.html>.
Mit dem solltest Du Deine Problem lösen können.
mfg, André Laugks