Bild zoomen auch für Firefox möglich? - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Bild zoomen auch für Firefox möglich?

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Bild zoomen auch für Firefox möglich?

Pages: [1]

geschrieben von Jazz am 01.06.2006 - 18:24

Liebe Leute

ich habe hier die Funktion "Bild zoomen" gefunden, die mir extrem gut gefällt, allerdings hab ich ein kleines Problem: Das Script funktioniert nicht auf Firefox, gibts eine Möglichkeit, das zu erweitern? Es ist eine Erweiterung auf Netscape drin, soweit ich das sehe. Bin aber nicht fit auf Java .-(.

Ich wäre für jede Hilfe dankbar, Ciao, Jazz

Hier das Script, das ich verwendete:

<body onload="initiare()">

<script language="JavaScript1.2">

</script>

geschrieben von René am 01.06.2006 - 20:33

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79:

<html>
<head>

<script type="text/javascript">
<!--
var url_image   = 'globe.gif';
var width_image = 640;
var on_img      = 0;

var imgs        = new Array()
var zoom_factor = new Array()

zoom_factor[0]  = 8
zoom_factor[1]  = 4
zoom_factor[2]  = 2
zoom_factor[3]  = 1.5
zoom_factor[4]  = 1

function initiare()
{
	imgs[0].visibility = 'visible';
}

function zoomup()
{
	if (on_img <= 3)
	{
		on_img++

		for (var i = 0; i <= 4; i++)
			imgs[i].visibility = 'hidden';

		imgs[on_img].visibility = 'visible';
	}
}

function zoomdown()
{
	if (on_img >= 1)
	{
		on_img--

		for (var i = 0; i <= 4; i++)
			imgs[i].visibility = 'hidden';

		imgs[on_img].visibility = 'visible';
	}
}
// -->
</script>

</head>
<body onload="initiare();">

<script type="text/javascript">
<!--
for (var i = 0; i <= 4; i++)
{
	with (document)
	{
		write('<img id="img' + i + '" style="position: absolute; visibility: hidden; top: 300px; left: 310px;"'
		    + ' src="' + url_image + '" width="' + (width_image / zoom_factor[i]) + '" />');

		imgs[i] = getElementById('img' + i).style;
	}
}

with (document)
{
	write('<div style="position: absolute; top: 300px; left: 200px; width: 100px; text-align: center;">'
	    + '  <a href="javascript:zoomup();">zoom out</a><br>'
	    + '  <a href="javascript:zoomdown();">zoom in</a>'
	    + '</div>');
}
//-->
</script>

</body>
</html>

geschrieben von Jazz am 06.06.2006 - 11:44

Ooooh, Danke!

Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.