kleines bild -mouseover- bild groß

Status
Nicht offen für weitere Antworten.

antarama72

Grünschnabel
hallo forum...

...meine javascript kenntnisse wchsen grad und ich erarbeite mir grad im learning by doing die materie. bin aber seit tagen bei ein und dem selben problem:

ich habe ein js kopiert und wollte dies gerne auch bei einer anderen seite einsetzen. doch leider funktioniert dies nicht...

...ich hätte gerne, dass ein kleines bild beim onmouseover groß angezeigt wird!

auf dieser seite funktioniert es wunderbar:
http://www.antarama72.com/dipl/galerie_studien1.php

hier leider nicht:
http://antarama72.com/architektour/kulinarischearchitektur_fotos.html

kann mir jemand weiterhelfen?
es muß auch nicht unbedingt der text unter dem bild stehen, es würde reichen wenn das bild größer angezeigt wird.
PHP:
<a href="javascript:void(0);" onmouseover="this.T_WIDTH=164;this.T_PADDING=6;this.T_BGCOLOR='#ffffff'; return escape('<img src=img/bestand6/1.gif width=400 height=300><br />gunnar hat entworfen ...</a></a>')"><img src="img/bestand6/1.1.gif" alt="" height="90" width="120" border="0" /></a>]
das ist der quellcode der funktionierenden seite und dies der nicht funktionierenden...
PHP:
<a href="javascript:void(0);" onmouseover="this.T_WIDTH=164;this.T_PADDING=6;this.T_BGCOLOR='#ffffff'; return escape('<img src=img/architektour/media/testkochen/1.gif width=261 height=173><br />schürze binden nicht vergessen ...</a></a>')"><img src="/architektour/media/testkochen/1.1.gif" alt="" height="85" width="85" border="0"></td>

eigentlich gleich, oder?
am ende der seiten steht dann das script
PHP:
<script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>

es kann auch etwas anders sein, muß nicht mit dem script funktionieren...

...vielen dank für eure hilfe!
grüße
 
Zuletzt bearbeitet:
Hi,

im HTML-Dokument stimmen die relativen Grafikpfade nicht, weshalb der Browser sie derzeit nicht findet.

"img/architektour/media/testkochen/1.gif" muß "media/testkochen/1.gif" lauten, da der absolute Pfad zur Grafik http://antarama72.com/architektour/media/testkochen/1.gif lautet - gleiches gilt für die übrigen Grafiken.

Und bitte beachte die Netiquette bzgl. deiner durchgängigen Kleinschreibung.
 
... vielen Dank!

Jetzt funktioniert es wie gewünscht...

Manchmal sieht man den Wald vor lauter Bäumen nicht! Werde auch das mit der Groß- und Kleinschreibung beim nächsten mal beachten!

Werde mich dann mal an die Arbeit machen und alle Fotos überarbeiten!

Grüße
Gunnar
 
Hi...
das mit den Bildern ist super....habe natürlich auch gleich versucht, dies in die HP einzubinden. Auch bei mr funktioniert das nicht....allerdings hab ich um diese Geschichte mit den Relativpfad zu umgehen direkt in Verzeichnis das Bild hineingepackt.....trozdem will es nicht...
Code:
<A HREF="javascript:void(0);"ONMOUSEOVER="this.T_WIDTH=164;this.T_PADDING=6;this.T_BGCOLOR='#ffffff'; return escape('<img src=Raquel.JPG width=216 height=300><br />test</a></a>')"><IMG SRC="Raquel.JPG" ALT="" HEIGHT="150" WIDTH="120" BORDER="1"></A> </TD>
Das Script habe ich natürlich auch aufgerufen....Vielleicht kann mir jemand helfen...

Danke und beste Grüße Slyd
 
Hi,

hast du einen Link zur Problemseite, damit man da einen Blick drauf werfen kann? An dem Quellcode-Auszug lässt sich nämlich die Ursache für den Fehler nicht so recht ausmachen.

Ansonsten überprüfe die Groß- und Kleinschreibung des Dateinamens, sowie die Dateiendung, denn "*.JPG" ist nicht gleich "*.jpg".
 
eigentlich schon ../ einmal zurück verzeichnis java/tooltip.js
habe aber gerade noch etwas ausprobiert...schau jetzt nochmal..
 
Status
Nicht offen für weitere Antworten.
Zurück