Autor |
Nachricht |
serg
Threadersteller
Dabei seit: 03.01.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 05.05.2006 14:13
Titel javascript - onclick- IE/Opera - Anfängerproblem... |
|
|
Hallo zusammen!
Ich bastel gerade an einer Website in der auch eine kleine Galeriefunktion implementiert sein soll.
( www.art-of-flame.de/html/galerie_bilder.htm )
Problem #1:
Der Bildwechsel in der Mitte soll per onclick auf die Bilder am Rand ablaufen. Im FF funktioniert das bestens, aber unter IE und Opera passiert beim Klick auf die Vorschaubilder garnichts.
Code der Vorschaubilder:
Code: | <p><a href="#" onclick="document.galerie.src='../images/feuerseile02-big_400x300.jpg'; return false;"><img src="../images/feuerseile02-small_145x109.jpg" alt="links_1.jpg" width="145" height="109" class="leftbild" /></a></p>
<p class="bildunterschrift">Feuerseile</p>
<p><a href="#" onclick="document.galerie.src='../images/firepois05-big_400x300.jpg'"><img src="../images/firepois05-small_145x109.jpg" alt="links_2.jpg" width="145" height="109" class="leftbild" /></a></p>
<p class="bildunterschrift">Feuerketten</p>
<p><a href="#" onclick="document.galerie.src='../images/feuerseile03-big_400x300.jpg'"><img src="../images/feuerseile03-small_145x109.jpg" alt="links_3.jpg" width="145" height="109" class="leftbild" /></a></p>
<p class="bildunterschrift">Feuerseile</p> |
Code des Galeriefensters:
Code: | <p><img src="../images/news-film_400x240.jpg" alt="galerie" class="centerbild" id="galerie" style="width:400px; height:240px"/></p> |
Auch mit dem Zusatz von "return false;" funktioniert der Bildwechsel nicht.
Ich selbst habe von Javascript und PhP noch keine Ahnung. Deswegen hatte ich mir den onclick-Code von dieser Website umgeschrieben: Scrollgalerie-Template
Auf dieser Seite funktionierts auch mit IE und Opera. Wo der entscheidende Unterschied zu meinem Code liegt, weiß ich nicht.
Kann das evtl. etwas mit dem doctype zu tun haben? Oder fehlen bei mir andere Einträge im head-Bereich?
Problem #2:
Wie bekommt man es hin, dass durch Klicks auf Vorschaubilder in anderen Seiten der Homepage (z.B von hier:KLICK ) man
1. ...in die Galerie UND
2. ...bei der großen Version des eben angeklickten Bildes landet?
Wie gesagt: Ich habe noch keine Ahnung von Javascript und Ähnlichem. Deswegen bitte ich euch die evtl. Lösungen auch gleich mit als (Beispiel-)Code zu posten! Danke vielmals!
So denn... Vielen Dank schonmal!
Serg
(PS: Solltet ihr auf meiner Seite über irgendwelche nennenswerten Fehler stolpern, dann zögert bitte nicht, auch diese hier anzusprechen... )
|
|
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Fr 05.05.2006 15:14
Titel
|
|
|
also zum 2. problem kann ich nur sagen, dass
du in der onclickmethode mehere aktionen durch-
führen kannst:
Code: | <a href... onklick="foo(); bar();" ...> |
fürs ertste prob fehlt mir grad die zeit..
vielleicht später
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 05.05.2006 17:21
Titel
|
|
|
du musst das objekt dessen source du ändern willst erst ordentlich referenzieren. mit document.elementname.src kommst du da nicht weit.
was du suchst ist die funktion document.getElementByID();
das ganze sähe dann so aus:
function bildwechsel (bildsrc) {
var myBigImage = document.getElementByID('galerie');
myBigImage.src = bildsrc;
}
und dein aufruf entsprechend so:
<a href="../images/feuerseile01-big_400x300.jpg" target="_new" onclick="bildwechsel('../images/feuerseile01-big_400x300.jpg'); return false;">
(den link und das target, sowie return false habe ich eingebaut um auch leuten ohne js zu ermöglichen dein bild zu sehen..
Zuletzt bearbeitet von sahnemuh am Fr 05.05.2006 17:24, insgesamt 1-mal bearbeitet
|
|
|
|
|
serg
Threadersteller
Dabei seit: 03.01.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.05.2006 12:06
Titel
|
|
|
Danke für die Hinweise!
@caZpa:
Ich weiß, dass man mehrere Aktionen auslösen kann. Nur kenne ich noch keine Befehle...
@sahnemuh
Danke für den Code!
Leider funktioniert der Bildwechsel damit immernoch nicht. Es wird nur ein neues Fenster mit dem entsprechenden Bild geöffnet - das Bild der "galerie" wird nicht gewechselt. Es funktioniert auch nicht wenn man als Link "javascript:bildwechsel('...')" einträgt und das "target" weglässt.
Die ganzen Javascript-Aktionen werden quasi übergangen/ignoriert... Kann es sein, dass da noch Syntaxfehler in deinem Code sind? Oder funktioniert so die Wertübergabe nicht?
Als Alternative hat mir ein Freund die Galerie mal per Php gangbar gemacht. Auf seinem Webspace läuft das auch. Bei mir wird aber statt der gewollten Seite nur der Quelltext angezeigt:
www.art-of-flame.de/aof-test/html/galerie_bilder.php
Wäre es einfacher den Webspace so einzurichten, dass diese Php-Galerie fehlerfrei läuft? Oder ist nur was im Header der .php falsch?
Vielen Dank für eure Hilfe!
Serg
|
|
|
|
|
serg
Threadersteller
Dabei seit: 03.01.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 09.05.2006 00:43
Titel
|
|
|
Korrektur:
Heute habe ich erfahren, dass der genutzte Webspace kein PhP unterstützt... Da sich das wohl demnächst nicht ändern wird, bin ich nun wirklich auf eine Lösung per Javascript angewiesen.
Serg
|
|
|
|
|
|
|
|
Ähnliche Themen |
JavaScript - Onclick Fehler im IE
[PHP, JavaScript] Probleme mit OnClick-Verhaltensweisen...
[JavaScript] onClick ist klar, was ist mit offClick?
Javascript: onclick [lade html datei in iframe]
Opera und Javascript :-/
Warum funktioniert mein Javascript nicht im Opera?
|
|