Hallo, vielleicht hat noch jemand die Möglichkeit-trotz der Feiertage-mir zur Behebung meines Problems zu helfen?
Meine homepage kann man unter „www.leipzigimwandel.de“ aufrufen. Mein Problem: die Bilder habe ich wie folgt eingebunden:
<a href="#" onClick="javascript:PopUp('img/Bahnhof001_2.jpg', 'PopUpFenster', '511,343', '0,0', 'no');return false;">
<img src="img/Bahnhof001_1.jpg" align="right" hspace=25 width=360 height=239 title="Hauptbahnhof - gesperrte Gleise, 6.4.2005"
alt="Hauptbahnhof - gesperrte Gleise, 6.4.2005" border="0"></a>Die kleinen Bilder werden geladen, beim Anklicken öffnet sich jedoch das Bild nicht im separaten Fenster als Großbild. Obwohl ich „return-false“ eingebunden habe, springt die Seite beim Anklicken der kleinen Bilder zum Anfang der Seite.
Ich würde mich freuen :D, wenn mir jemand sagen könnte, wie ich die Programmierung ändern muß.
habe die seite in html-editor geladen und mit W3c validiert. Es gab Warnhinweise, keine Fehlermeldungen.Keine Probleme zu Bilder-popup.
Habe Deinen Vorschlag probiert, ohne Erfolg
Fehlerkonsole Firefox brachte keine auf Bilder bezogene Fehlermeldung.Unter „Bildansicht“ verstehst Du die Angaben zu Höhe und Breite des Bildes? Müssen die Angaben in Anführungszeichen gesetzt werden?
Nur dann erkennt ein Browser auch diese Popup-JavaScript-Funktion.
Den o.g. Code kann man auf folgendes Kürzen:
<a href="#" onclick="PopUp('img/loewe3.jpg', 'PopUpFenster', '419,561', '0,0', 'no');return false;">
<img src="img/loewe1a.jpg" width="130" height="174" alt="Der Löwe - Leipzigs Wappentier als Kopf einer alten Handschwengelpumpe" border="0"></a>
Wenn Du das mal so umbaust sollte es klappen. Wenn nicht, dann spinnt diese JavaScript-Funktion namens „PopUp“ und Du müsstest dort die Werte mal genauer anschauen.
Hallo, Threadi,
vielen Dank für Deine sachkundige Hilfe! Habe mich nach Deinen Vorschlägen gerichtet - und es funktioniert, prima!
Morgen werde ich die Änderungen ins netz übertragen.
Kann ich noch eine Kleinigkeit fragen? Wenn sich das große Bild öffnet kommt am Mauszeiger ein Plus-Zeichen, beim Anklicken wird dann das Bild noch eine Kleinigkeit größer. Gibt es eine Einstellung, damit das Bild gleich in der richtigen Größe kommt?
Da Du das Bild als einziges in dem Popup öffnest wird es von deinem Browser inkl. den Browser-Einstellungen für den Rand dargestellt. Daher verkleinert der Browser das dargestellte Bild auf die Größe des Popups (weil Bildgröße + Abstand links + Abstand rechts > Popup-Größe). Wenn nun im Browserfenster ein Bild auf diese Weise verkleinert wird kann man es per Klick auf das Bild wieder vergrößerrn - und das hast Du bemerkt.
2 Möglichkeiten für dich:
a) du verlinkst nicht auf das Bild sondern auf eine HTML-Datei die wiederum nur das Bild anzeigt und die Ränder im Browser per „html, body { padding: 0px; }“ abschaltet.
b) Du vergrößerst die Größe des Popups auf die Breite und Höhe die dein Browser für die Anzeige des Bildes anfordert (also Bildgröße + Abstand links + Abstand rechts = Breite Popup) → dummerweise sind diese Abstände je nach Browser anders, folglich wäre das eine ungünstige Lösung.
Und weiterhin würde ich dir ohnehin raten auf:
das frameset zu verzichten
das Popup nicht als Popup sondern Flyout zu implementieren
Wegen 1 und 2 am Besten alles nochmal neu machen nach aktuellen Standards.
Nachdem wir jetzt die groben handwerklichen Mängel beseitigt haben, dank Fehlerkonsole, würde ich auch den Aufruf an sich etwas zugänglicher gestalten:
[HTML][/HTML]Dann läßt sich das Bild auch ohne JS betrachten und google findet es, was u.U. sinnvoll ist, wenn die Seite gefunden werden soll.
Die funktion PopUp wäre natürlich super geeignet, ein entsprechendes Objekt zum betrachten des Bildes zu erzeugen, sei es ein Fenster mit der entsprechenden Größe oder wie es heute üblicher ist, im gleichen Fenster mit neu erzeugten Elementen.
also, das funktioniert wunderbar! Ist noch ein Hinweis zur Lösung von folgendem Problem möglich?
Beispiel Seite „Universität“ - wenn ich hier das Bild „Hauptgebäude mit Bronzerelief (Uni008.2.jpg)“ anklicke, erscheint um das kleine Bild ein großer gepunkteter Rahmen bevor das große Bild kommt (ist übrigens auch bei einigen anderen Bildern, aber nicht allen, so). Das empfinde ich als störend, wie kann man das verhindern?
Dieser Rahmen ist ein hübsches, nützliches Detail für Menschen die beim surfen die Tastatur verwenden. wenn du den Rahmen entfernst vergraulst du evtl. viele Besucher.