• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

website Bild klicken

Status
Für weitere Antworten geschlossen.
L

L´Ordinateur

Neues Mitglied
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:

Code: 
<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ß.
 
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.

Code: 
"<a name="bla" onclick="window.open('PFAD', 'Bildansicht','width=330,height=300,top=10,scrollbars=1')" ><img src="BILDPFAD"></a>";
 
Hallo, Struppi,
ja, Fehlerkonsole war leer. Werde Deinen Vorschlag in Angriff nehmen. Melde mich, wenn es geklappt hat.
Danke und schöne Feiertage :D
 
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?
 
Hallo Mit-Leipziger :D

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:

Code: 
<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:
Code: 
<script type="JavaScript" src="js/popup.js"></script>
Richtig wäre:
Code: 
 <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:
Code: 
<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.
 
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:
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.
 
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: 
<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.
 
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.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben