Seite 3 von 5
Re: Bildwechsel bei mousover
Verfasst: So 17. Apr 2011, 09:28
von goefi-chiangmai
hast das leerzeichen beim wespenbild rausgemacht (3 Beiträge weiter oben beschrieben)
Re: Bildwechsel bei mousover
Verfasst: So 17. Apr 2011, 11:01
von Patrick
Hallo Peter,
die abstände sind von allen gleich. Das ist ja das merkwürdige. Es scheint alles identisch zu sein
und doch klappt es bei einem nicht
. Ich habe den code jetzt nochmal komplett überarbeitet
und das überflüssige entfernt sowie die Namen abgeändert.
Hier mal jetzt der komplett neue code
Code: Alles auswählen
<p></p>
<p></p>
<p></p>
<scriptlanguage="javascript"><!—
Indrabutton= new Image();
Indrabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif"
Indrabuttoncolor= new Image();
Indrabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif"//
----------------------------------------------------------------------------
Kaeferbutton= new Image();
Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif"
Kaeferbuttoncolor= new Image();
Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif
// ----------------------------------------------------------------------------
Schweinebutton= new Image();
Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif"
Schweinebuttoncolor= new Image();
Schweinebuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif"
// ----------------------------------------------------------------------------
Chinabutton= new Image();
Chinabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif"
Chinabuttoncolor= new Image();
Chinabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif"
// ----------------------------------------------------------------------------
Wespenbutton= new Image();
Wespenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif"
Wespenbuttoncolor= new Image();
Wespenbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif"
// ----------------------------------------------------------------------------
Froschbutton= new Image();
Froschbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif"
Froschbuttoncolor= new Image();
Froschbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif"
// ------------------------------------------------------------------------------>
<p></p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="570">
<tbody>
<tr>
<td width="160">
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=069768471302554045&userid=10883843" onmouseover="austauschIndrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif';" onmouseout="austauschIndrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif" name="austauschIndrabutton" alt=""></a></p>
</td>
<td width="30"> </td>
<td width="160">
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=496749361302804948&userid=10883843" onmouseover="austauschKaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif';" onmouseout="austauschKaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif" name="austauschKaeferbutton" alt=""></a></p>
</td>
<td width="30"> </td>
<td width="160">
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=337983861302730460&userid=10883843" onmouseover="austauschSchweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif';" onmouseout="austauschSchweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif" name="austauschSchweinebutton" alt=""></a></p>
</td>
</tr>
<tr>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
</tr>
<tr>
<td>
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=287546711302730407&userid=10883843" onmouseover="austauschChinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif';" onmouseout="austauschChinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif" name="austauschChinabutton" alt=""></a></p>
</td>
<td> </td>
<td>
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=100356631298629116&userid=10883843" onmouseover="austauschWespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif';"
onmouseout="austauschWespenbutton.scr='http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif" name="austauschWespenbutton" alt=""></a></p>
</td>
<td> </td>
<td>
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=832503151302730417&userid=10883843" onmouseover="austauschFroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif';"onmouseout="austauschFroschbutton .src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif';"target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif" name="austauschFroschbutton" alt=""></a></p>
</td>
</tr>
</tbody>
</table>
<div>
</div>
<!-- ende Main Content--></scriptlanguage="javascript">
Re: Bildwechsel bei mousover
Verfasst: So 17. Apr 2011, 12:08
von goefi-chiangmai
So hab Dir das neu gemacht und funktioniert:
http://demo-seite.npage.de/script_test2_83698735.html
So ist es normal, das es wieder Schwarzweiss wird wenn weggehst mit der Maus, oder willst es in deiner wariannte damit es Farbig bleibt?
Musste alles ne machen:
Einige fehler Beispiele:
Hier dein neues überarbeitetes Script
Code: Alles auswählen
<center><script
language="JavaScript">
<!--
Indrabutton= new Image();
Indrabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif"
Indrabuttoncolor= new Image();
Indrabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif"
// ----------------------------------------------------------------------------
Kaeferbutton= new Image();
Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif"
Kaeferbuttoncolor= new Image();
Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif"
// ----------------------------------------------------------------------------
Schweinebutton= new Image();
Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif"
Schweinebuttoncolor= new Image();
Schweinebuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif"
// ----------------------------------------------------------------------------
Chinabutton= new Image();
Chinabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif"
Chinabuttoncolor= new Image();
Chinabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif"
// ----------------------------------------------------------------------------
Wespenbutton= new Image();
Wespenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif"
Wespenbuttoncolor= new Image();
Wespenbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif"
// ----------------------------------------------------------------------------
Froschbutton= new Image();
Froschbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif"
Froschbuttoncolor= new Image();
Froschbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif"
// ----------------------------------------------------------------------------
-->
</script>
<p></p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="570">
<tbody>
<tr>
<td width="160">
<p><a target="_top" onmouseout="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif';" onmouseover="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=069768471302554045&userid=10883843"><img alt="" border="0" name="austauschindrabutton" src="http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif" /></a></p>
</td>
<td width="30"> </td>
<td width="160">
<p><a target="_top" onmouseout="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif';" onmouseover="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=496749361302804948&userid=10883843"><img alt="" border="0" name="austauschkaeferbutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif" /></a></p>
</td>
<td width="30"> </td>
<td width="160">
<p><a target="_top" onmouseout="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif';" onmouseover="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=337983861302730460&userid=10883843"><img alt="" border="0" name="austauschschweinebutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif" /></a></p>
</td>
</tr>
<tr>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
</tr>
<tr>
<td>
<p><a target="_top" onmouseout="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif';" onmouseover="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=287546711302730407&userid=10883843"><img alt="" border="0" name="austauschchinabutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif" /></a></p>
</td>
<td> </td>
<td>
<p><a target="_top" onmouseout="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif';" onmouseover="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=100356631298629116&userid=10883843"><img alt="" border="0" name="austauschwespenbutton" src="http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif" /></a></p>
</td>
<td> </td>
<td>
<p><a target="_top" onmouseout="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif';" onmouseover="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=832503151302730417&userid=10883843"><img alt="" border="0" name="austauschfroschbutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif" /></a></p>
</td>
</tr>
</tbody>
</table>
<div>
</div>
Re: Bildwechsel bei mousover
Verfasst: So 17. Apr 2011, 12:19
von Patrick
Erstmal vielen Dank Peter! Es klappt jetzt wunderbar!
Dennoch steige ich nicht dahinter, warum es bis auf den wespenbild nicht funktioniert hat
.
Oben hast du mir zwar fehler gezeigt, aber die haben mit dem wespenbild j nichts zu tun gehabt.
Dennoch hat es funktioniert.
Auch die Anordnung der Gafiken hatte ich alle gleich gemacht. Mit der klammer meinst du doch bestimmt
die fehlenden Gänsefüschen, oder?
Bin aber jetzt glücklich, dass es funktioniert! Dafür nochmals tausend dank!
lg
Re: Bildwechsel bei mousover
Verfasst: So 17. Apr 2011, 12:26
von goefi-chiangmai
Ja gänsefusschen.
Wegen fehler: kommt immer auf den Browser an, einige sind anfälliger auf kleine fehler und andere ignorieren fehler!
Ach ja habe Dir target="top" eingestellt so wie in deiner Vorgabe, aber kannst eigentlich auch target="self" nehmen, wäre normal
Ach ja Du hast oben noch das <center> drinn.......habe ich übersehen, solltest es zuunderst noch schliessen mit </center>
Re: Bildwechsel bei mousover
Verfasst: So 17. Apr 2011, 20:16
von moni
Ja gänsefusschen.
Wegen Gänsefusschen habe schon mal Stunden dran gesessen bis ich drauf gekommen oder sonst super mini Kleinigkeiten ,
zu wenig oder zu viel und schon läuft das ganze nicht so wie sollte...es ist ärgerlich so was ...
Re: Bildwechsel bei mousover
Verfasst: Mo 2. Mai 2011, 21:34
von Patrick
Hallo zusammen,
da ich ein Problem festgestellt habe, dachte ich mir, ich führe das Problem hier fort.
Und zwar geht es um die Galerie. Die Galerie mit den mouseovereffect ist ja schon gut und
der effect klappt. Leider habe ich bemerkt, dass wenn man auf die vorschaubildchen klickt, dass
sich ein neuer Tab öffnet. Ich möchte aber gerne, dass es im selben fenster angezeigt wird.
Was muss ich da ändern?
Code: Alles auswählen
<p></p>
<p></p>
<p></p>
<p></p>
<center><script language="JavaScript"> <!-- Indrabutton= new Image(); Indrabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/indra-sw.gif" Indrabuttoncolor= new Image(); Indrabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/indra-color.gif" // ---------------------------------------------------------------------------- Kaeferbutton= new Image(); Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/kaefer-sw.gif" Kaeferbuttoncolor= new Image(); Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/kaefer-color.gif" // ---------------------------------------------------------------------------- Schweinebutton= new Image(); Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/schwein-sw.gif" Schweinebuttoncolor= new Image(); Schweinebuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/schwei-color.gif" // ---------------------------------------------------------------------------- Chinabutton= new Image(); Chinabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/china-sw.gif" Chinabuttoncolor= new Image(); Chinabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/china-color.gif" // ---------------------------------------------------------------------------- Wespenbutton= new Image(); Wespenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen-sw.gif" Wespenbuttoncolor= new Image(); Wespenbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen-color.gif" // ---------------------------------------------------------------------------- Froschbutton= new Image(); Froschbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/froesche-sw.gif" Froschbuttoncolor= new Image(); Froschbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/froesche-color.gif" // ---------------------------------------------------------------------------- --> </script>
<p> </p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="570">
<tbody>
<tr>
<td width="160">
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=069768471302554045&userid=10883843" onmouseover="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/indra-color.gif';" onmouseout="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/indra-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/indra-sw.gif" name="austauschindrabutton" alt="" /></a></p>
</td>
<td width="30"> </td>
<td width="160">
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=496749361302804948&userid=10883843" onmouseover="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/kaefer-color.gif';" onmouseout="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/kaefer-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/kaefer-sw.gif" name="austauschkaeferbutton" alt="" /></a></p>
</td>
<td width="30"> </td>
<td width="160">
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=337983861302730460&userid=10883843" onmouseover="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/schwei-color.gif';" onmouseout="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/schwein-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/schwein-sw.gif" name="austauschschweinebutton" alt="" /></a></p>
</td>
</tr>
<tr>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
</tr>
<tr>
<td>
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=287546711302730407&userid=10883843" onmouseover="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/china-color.gif';" onmouseout="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/china-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/china-sw.gif" name="austauschchinabutton" alt="" /></a></p>
</td>
<td> </td>
<td>
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=100356631298629116&userid=10883843" onmouseover="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen-color.gif';" onmouseout="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/wespen-sw.gif" name="austauschwespenbutton" alt="" /></a></p>
</td>
<td> </td>
<td>
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=832503151302730417&userid=10883843" onmouseover="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/froesche-color.gif';" onmouseout="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/froesche-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/froesche-sw.gif" name="austauschfroschbutton" alt="" /></a></p>
</td>
</tr>
</tbody>
</table>
<div> </div>
</center>
Re: Bildwechsel bei mousover
Verfasst: Mo 2. Mai 2011, 21:42
von moni
target="top"
Versuche es den target Verweis ändern....
Mit dem Attribut target im einleitenden <a>-Tag können Sie ein Zielfenster für den Verweis festlegen. Der im Wert zugewiesene Name muss mit einem Buchstaben (A-Z, a-z) beginnen, außer in den folgenden Ausnahmen, die durch einen führenden Unterstrich gekennzeichnet sind:
_blank, um den Verweis in einem neuen Fenster zu öffnen,
_self, um den Verweis im aktuellen Fenster zu öffnen,
_parent, um bei verschachtelten Framesets das aktuelle Frameset zu sprengen,
_top, um bei verschachtelten Framesets alle Framesets zu sprengen.
Re: Bildwechsel bei mousover
Verfasst: Di 3. Mai 2011, 08:16
von Patrick
Hallo Moni,
könntest du mir ein beispiel machen? Ich habs leider immer noch nicht geschafft
LG
Re: Bildwechsel bei mousover
Verfasst: Di 3. Mai 2011, 08:40
von moni
Es ist einfach..Patrick
überall wo du top hast gebe blank ...am abend hätte ich etwas zeit da kann das testen an deinen skript
