Lupenfunktion

Hallo

Ich möchte es meinen Besuchern ermöglichen, meine Bilder in einer Lupenfunktion zu betrachten. Ich habe im Netz geschaut und die perfekte Variante gefunden ( Kilck hier).... Nur leider weiß ich nicht wie ich das Script auf meiner Seite einbinden kann.... Kann mir jemand weiterhelfen?

Grüße

Roland

Das habe ich gemacht, aber ich werde aus dem Quelltet nicht schlau... Ihr etwa?

Grüße Roland

Also, bei mir funktioniert jetzt diese Lupenfunktion. Aber wisst Ihr, ob es auch möglich ist, dieses Extra auf mehr als ein Bild pro HTML-Seite anzuwenden?

Grüße

Roland

Aber der Lupenbefehl steht im HEAD.

<script language="JavaScript" type="text/javascript">
addEvent(window, 'load', function() {
HotSpotController.init("fullscreen",240, 'file:///E:/www.roland-rafael-repczuk.de/NuovoKunstgalerie/bilder/machtspiele.jpg', 'ZTbutton');
addEvent(document.getElementById('ZTbutton'), 'keydown', keyPress);
addEvent(document.getElementById('ZTbutton'), 'keypress', keyPress);
});
</script>

Und den kann man nicht für jedes Bild einzeln ändern, oder? Da weiß das Script ja gar nicht, welches der richtige Befehl ist?!

Das die Bilderadresse nicht relativ ist, ist nebensächlich. Das kann ich noch ändern.

Grüße

Roland

PS: Ich habe auch versucht den Code in den BODY einzufügen. Das ging soweit. Aber wenn ich das Script noch einmal einfüge und den Pfad zum Bild veränder, geht es nicht mehr.

z.B. ( Genau durchlesen. Nur Bilderadresse verschieden! )

1 Code

<script language="JavaScript" type="text/javascript">
addEvent(window, 'load', function() {
HotSpotController.init("fullscreen",240, 'file:///E:/www.roland-rafael-repczuk.de/NuovoKunstgalerie/bilder/machtspiele.jpg', 'ZTbutton');
addEvent(document.getElementById('ZTbutton'), 'keydown', keyPress);
addEvent(document.getElementById('ZTbutton'), 'keypress', keyPress);
});
</script>

2 Code

<script language="JavaScript" type="text/javascript">
addEvent(window, 'load', function() {
HotSpotController.init("fullscreen",240, 'file:///E:/www.roland-rafael-repczuk.de/NuovoKunstgalerie/bilder/abendmahl.jpg', 'ZTbutton');
addEvent(document.getElementById('ZTbutton'), 'keydown', keyPress);
addEvent(document.getElementById('ZTbutton'), 'keypress', keyPress);
});
</script>

Kannst du deine Frage etwas deutlicher stellen. Was meinst du mit Content?

Hier mein gesamten BODY

<div class="centered">
<div id="content">
<ul id="imgToolbar" class="inlineMenu"
 style="float: right;">
  <li><a id="ZTbutton"
 href="file:///E:/www.roland-rafael-repczuk.de/NuovoKunstgalerie/bilder/machtspiele.jpg"
 title="explore this picture in greater detail"><img
 src="/collections/shared/images/buttons/mc_item_zoom.gif"
 alt="zoom in"></a></li>
  <li><a class="button" id="sendButton"
 title="send this picture as an e-card"
 href="postcard/edit.cfm?reproID=BHC2371"><img alt="e-card"
 src="/collections/shared/images/buttons/mc_item_send.gif"
 height="48" width="38"></a></li>
</ul>
<img style="width: 420px; height: 567px;"
 alt="Waterfall in Dusky Bay, April 1773 - BHC2371"
 id="fullscreen"
 src="file:///E:/www.roland-rafael-repczuk.de/NuovoKunstgalerie/bilder/machtspiele.jpg">
<p class="creditline"><a
 href="/collections/explore/object.cfm?ID=BHC2371&amp;picture=1#content"><br>
</a></p>
</div>
<br>
</div>

Habe ich deine Frage falsch verstanden?