website Bild klicken

[L´Ordinateur]

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 , wenn mir jemand sagen könnte, wie ich die Programmierung ändern muß.

 

[struppi]

Du hast sicher in die Fehlerkonsole geschaut und die war leer?

 

[sysop]

bei mir gehen die popups garnicht auf.

<a href="#"ist der übeltäter, mach ein <a name="bla"> draus.
mit einem simplen window.open würde das auch gehen.

"<a name="bla" onclick="window.open('PFAD', 'Bildansicht','width=330,height=300,top=10,scrollbars=1')" ><img src="BILDPFAD"></a>";

 

[L´Ordinateur]

Hallo, Struppi,
ja, Fehlerkonsole war leer. Werde Deinen Vorschlag in Angriff nehmen. Melde mich, wenn es geklappt hat.
Danke und schöne Feiertage

 

[struppi]

ja, Fehlerkonsole war leer.

Quatsch, sie ist nicht leer. Du weißt auch wo du die Fehlerkonsole findest?

 

[L´Ordinateur]

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

 

[struppi]

Ich rede von der: FEHLERKONSOLE!

schau bitte nach was damit gemeint ist.

 

[L´Ordinateur]

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?

 

[threadi]

Hallo Mit-Leipziger

dein Problem sitzt tief. Sehr tief. Ich habe mir nur mal das linke Frame angeschaut:

Leipziger Bauvorhaben-Menue

Dort ist das Bild oben ja so verlinkt wie Du es vermutlich haben möchtest? Hier hast Du folgende Fehler gemacht:

<a href="#" onClick="javascript:PopUp('img/loewe3.jpg', 'PopUpFenster', '419,561', '0,0', 'no');">
<img src="img/loewe1a.jpg" width=130 height=174 title="Der L&ouml;we - Leipzigs Wappentier als Kopf einer alten Handschwengelpumpe"
alt="Der L&ouml;we - Leipzigs Wappentier als Kopf einer alten Handschwengelpumpe" border="0"></a>

1. Das onclick-Attribut wird komplett klein geschrieben.
2. Der Wert im onclick-Attribut beginnt NIE mit "javascript:", da onclick selbst bereits ein JavaScript-Eventhandler ist.
3. Du rufst die Funktion PopUp() auf, welche aber als nicht existent angesehen wird.
4. Du bindest die JavaScript-Datei popup.js über folgenden Code ein:

<script type="JavaScript" src="js/popup.js"></script>

Richtig wäre:

 <script type="text/javascript" src="js/popup.js"></script>

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&ouml;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.

 

[struppi]

Fehlerkonsole Firefox brachte keine auf Bilder bezogene Fehlermeldung.

Willst du mich veräppeln? Natürlich tut er das!

Fehler: PopUp is not defined
Quelldatei: http://www.leipzigimwandel.de/messehaeuser.htm
Zeile: 1

 

[L´Ordinateur]

Danke für Deine Hilfe, Problem erledigt

 

[L´Ordinateur]

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?

 

[threadi]

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:
1. das frameset zu verzichten
2. das Popup nicht als Popup sondern Flyout zu implementieren
3. Wegen 1 und 2 am Besten alles nochmal neu machen nach aktuellen Standards.

 

[L´Ordinateur]

Danke für den Hinweis!

 

[struppi]

Nachdem wir jetzt die groben handwerklichen Mängel beseitigt haben, dank Fehlerkonsole, würde ich auch den Aufruf an sich etwas zugänglicher gestalten:

<a href="img/loewe3.jpg" onclick="PopUp(this.href, 'PopUpFenster', '419,561', '0,0', 'no');return false;"><img src="img/loewe1a.jpg" width="130" height="174" alt="Der L&ouml;we - Leipzigs Wappentier als Kopf einer alten Handschwengelpumpe" border="0"></a>

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.

 

[L´Ordinateur]

Okay, danke, ich werde mich bemühen!

 

[L´Ordinateur]

Danke, werde die Bilder so einbinden!

 

[L´Ordinateur]

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?

 

[omoxen]

vielleicht mit:

href="this.src"

 

[struppi]

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.