zoom
Hej!Jeg har dette script:
<script language=\"JavaScript1.2\">
// set the URL of the zoomable image (relative or absolute)
var url_image=\"billed.jpg\"
(pixels)
var width_image=\"640\"
var on_img=0
var imgs = new Array()
var zoom_factor = new Array()
zoom_factor[0] = 16
zoom_factor[1] = 8
zoom_factor[2] = 4
zoom_factor[3] = 2
zoom_factor[4] =
if (document.all) {
var premes=\"document.all.\"
var aftermes=\".style\"
}
if (document.layers) {
var premes=\"document.\"
var aftermes=\"\"
}
for (i=0; i <= 4; i++) {
document.write(\'<DIV ID=\"img\'+i+\'\" style=\"position:absolute; visibility:hidden; top:0; left: 0\">\')
document.write(\'<IMG SRC=\"\'+url_image+\'\" width=\"\'+(width_image/zoom_factor[i])+\'\">\')
document.write(\'</DIV>\')
imgs[i]=eval(premes+\"img\"+i+aftermes)
}
document.write(\'<DIV ID=\"img5\" style=\"visibility:hidden; position:absolute; top:110; left:220\">\')
document.write(\'<table width=180 height=80 bgcolor=000000><tr><td align=center valign=middle>\')
document.write(\'<font size=1 face=Verdana><a href=\"java script:zoomup()\"><b>zoom out</b></a><br>\')
document.write(\'<a href=\"java script:zoomdown()\"><b>zoom in</b></a><br><br>\')
document.write(\'</td></tr></table>\')
document.write(\'</DIV>\')
imgs[5]=eval(premes+\"img5\"+aftermes)
function initiare(){
imgs[0].visibility=\"visible\"
imgs[5].visibility=\"visible\"
}
function zoomup(){
if (on_img <= 3) {
on_img++
for (i=0; i<=4; i++) {
imgs[i].visibility=\"hidden\"
}
imgs[on_img].visibility=\"visible\"
}
}
function zoomdown(){
if (on_img >= 1) {
on_img--
for (i=0; i<=4; i++) {
imgs[i].visibility=\"hidden\"
}
imgs[on_img].visibility=\"visible\"
}
}
</script>
Nogen der kan lave det om sådan at når man trykker på en knap så kommer der et billede af et forstørrelsesglas og hvis man så trykker på et eller andet zoomer den ind... nogen der kan det???
Zupa*
