HOME PAGE - Beispiele, Java-Script Bilder zoomen mit Layern -

Path: Home / Home Page / Beispiele / Java-Script

Zoom:
Additional scripts can be found at http://www.24fun.com

	Außerdem
	Download Zip-Datei (enthält: 1.jpg, dragimg.gif und utilmapzoomer.js)

Quelltext

<HTML>
<HEAD>
<TITLE></TITLE>

<STYLE TYPE="text/css">
<!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
//-->
</STYLE>

</HEAD>

<BODY>
<SCRIPT>
// CREDITS:
// MapBlaster by Urs Dudli and Peter Gehrig 
// Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved.
// Additional scripts can be found at http://www.24fun.com

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com on the webpage 
// where this script will be running.

// The value '5' means the thumbnailimage is 5 times smaller than the original image of your map.
// Set this value to your needs
var shrinkfactor=5

// left and top position of the thumbnailimage 
// (distance to the left and top browser-margin, pixels)
var thumbleft = 200
var thumbtop = 80

// left and top position of the zoomed image 
// (distance to the left and top browser-margin, pixels)
var largeleft = 350
var largetop = 80

// width and height of the enlarged image's sector (visible part, pixels)
var clipwidth = 147
var clipheight = 96
</SCRIPT>
<SCRIPT SRC="utilmapzoomer.js"></SCRIPT>

<DIV style="position:absolute;visibility:hidden;" ID="large"><IMG NAME="largepic" SRC="1.jpg"></DIV>
<DIV style="position:absolute;" ID="thumb"></DIV>
<DIV style="position:absolute;" ID="dragimg"></DIV>
</BODY>
</HTML>