Hallo Wolfgang,
das Skript mit der Lupe habe ich sogar bereits gesehen, ich finde das sehr gelungen und interessant.
Die feste Verbindung von Elementen ist im Forum wirklich eine meistens umständliche Angelegenheit.
Bevor ich das Skript aber genauer analysiere, würde ich gerne bis zu den Semester-Ferien warten.
Bis dahin müssen leider noch einige andere Sachen programmiert werden.
Vielleicht lässt sich ja auch mal noch die Lupen-Funktion ohne jQuery-Bibliothek umsetzen, da will ich aber auch noch nicht zu viel versprechen.

Finde diese Skripte aber ansonsten durchaus interessant.
Der Funktionen der Skripte sind ja nach eigener Aussage des Autors auch immer schön gekapselt.
Dieser Ansatz gefällt mir sehr.

Es wird sich also vielleicht etwas machen lassen, allerdings noch ein klein wenig verschoben.
Ich hoffe, du kommst solange noch mit anderen Skripten oder ohne dieses klar.
Trotzdem noch einen schönen Dezember, solange wir ihn haben!

Hallo Wolfgang,
ich habe nun endlich eine Version, welche hoffentlich einfach genug ist und auch funktionieren sollte.
Die Anwendung erfolgt nun auch hier einfach über ein class-Attribut.
Der Vorteil ist, dass so nun weder ein Link außenherum noch eine ID bzw. Name-Tag belegt werden, welche so zu anderen Zwecken noch vergeben werden können.
Ich habe mich diesmal dem JQuery-Framework bedient.

Nach Aufruf der ZoomInit()-Methode ist noch eine kleine Anpassung nötig:

$(document).ready(function() {
	$(".zoomable").each(function(){
		$(this).click(function() {
			if ( $(this).attr('longdesc') ) {
				ZoomIn( this, $(this).attr('longdesc') );
			}
			else {
				ZoomIn( this, $(this).attr('src') );
			}
			return false;
		});
	});
});
 

Ein Bild wird später dann in etwa so eingebunden:

<img class="zoomable" src="small_picture.jpg" longdesc="big_picture.jpg" style="width:200;height:127;" alt="Alternativ-Text">
 

Damit ohne großen Aufwand die Adresse zum großen Bild angegeben werden kann, habe ich dafür das wahrscheinlich selten genutzte longdesc-Attribut verwendet.
Ebenso wie im src-Attribut kann hier eine relative sowie auch absolute URL stehen.

Wird das longdesc-Attribut nicht verwendet, dann wird als vergrößerte Version das Original-Bild verwendet.
Dies ist sinnvoll, falls nur eine Bild-Version existiert und allein mit Breiten- und Höhen-Angaben verkleinert wurde.
Wenn es allerdings in Original-Größe eingebunden wurde, dann sieht man den Vergrößerungs-Effekt natürlich nicht.


Als Beispiel- und Test-Seite kannst du die Dateien im Anhang verwenden.
Ich habe die index.html etwas verändert.
Der Doctype steht auf HTML5, JQuery wurde eingebunden, die Anpassungen nach der Init-Methode wurden vorgenommen und natürlich sind die Bilder auch wie im Beispiel oben eingebunden worden.
Beachte auch, dass ich die Klasse Zoomable in zoomable umbenannt habe.
In den Styles, dem Class-Attribut der Bilder und den Anpassungen im Skript würde es sich auswirken, wenn du die Klasse erneut umbenennen würdest.

Neben der index.html ist wahrscheinlich nur noch die Skript-Datei zoom_x.js und die Cursor-Icons im gepackten Ordner relevant (neben den zoombaren Bildern).
Ich wollte nur die Beispiel-Dateien in etwa so beisammen lassen, wie sie von der Webseite heruntergeladen werden können.


Viel Spaß beim Ausprobieren!

Hallo Wolfgang,
also ich kann davon nur bestätigen, dass das Verhalten bei mir nur in Firefox und Chrome wie beschrieben ist.
Beim IE10 habe ich die Entwickler-Tools geöffnet und dort alle Browser-Ansichten durchgetestet.
Sowohl Standard und Quirks, als auch IE7-9 und IE5 Quirks, alle Ansichten haben korrekt die Lupe angezeigt und vergrößert.
Opera macht komischerweise nicht einmal mehr eine Vergrößerung bei mir, vielleicht bedingt durch das letzte Update kur vorher.

Dafür dass alles funktioniert, sollte eigentlich auch JQuery sorgen.
Im Gegensatz zu sonst relativ neuen Befehlen hat JQuery extra Browserweichen und Funktionen, welche alten Browser die neuen Funktionen, wenn auch vielleicht etwas langsamer, beibringen.
Aber gerade die neuen Browser sollten damit funktionieren.

Vielleicht hilft es dir ja, mal die Dateien hochzuladen und dann sozusagen im Web zu testen.
Manchmal sorgen Browser-Einstellungen dafür, dass lokale Seiten eingeschränkter sind.
Der IE hatte so z.B. Probleme, den Hintergrund der Seite zu ändern, wenn sie lokal aufgerufen wurde.
Nach dem Hochladen hat er sich dann ohne Probleme geändert.
Ist und klingt zwar komisch, aber so meine Erfahrung, vielleicht hilft dir das, das Problem zu beheben.
Später läuft ja eh alles im Web.

Kann natürlich sein, dass ich irgendwann einmal etwas eingestellt habe, damit die Beschränkungen nicht so stark sind.
Allerdings kann ich mich auch nicht mehr an so etwas erinnern.
Versuchs also einfach mal im Web, kann das Verhalten so sonst leider nicht bei mir nachvollziehen.

Viel Glück!