Bildwechsel bei mousover

[Patrick]

Brauchst keine Tabelle, aber im tema von früher hast Du deine Button kreut und Quer angeordnet gehabt, so als Navi brauchst keine Tabelle

Wieviele Buton brauchst?
Wenn ich zeit habe am Wochenende fummle ich Dir das zusammen

Hallo Peter,

ich habs geschaaaaaaaaaaaaaaaaaaaaafft :BB .

Das ergebnis kannst du dir hier ansehen
www.denkmalerei.de (unter Galerie)

Dennoch Danke für dein Bereitschaft!


Lg
Patrick

[moni]

hast super hin-bekommen Patrick [smilie=clap.gif] [smilie=clap.gif]

will auch für alle Hier meine Galerie zeigen ,sie ist nur mit CSS und HTML gemacht ...
man kann sie auch je nach Wunsch gestalten....da gibt es keine grenzen .Bilder Größe,Hintergrund usw
http://blicke1.npage.de/mouseover_galerie_84753284.html

[Patrick]

oh man, da war ich gerade noch stoltz wie oscar und jetzt bekomme ich einen dummen kleinen Fehlter nicht beseitigt :LL

Es geht um die Galerievorschaubilder, die sich beim mausover in Farbe ferändern. Das Problem habe ich nur bei dem
Wespenbild. Beim drüberfahren behält das vorschaubild das bunte bild und springt nicht wieder zurück ins schwarz/weiß.

Kann mir da einer sagen, wo der fehler ist?

Die zwei Grafiken haben folgende urls
http://www.oyla.de/userdaten/108/83843/ ... pen_sw.gif (schwartz /weiss)
http://www.oyla.de/userdaten/108/83843/ ... pen_mo.gif (color/ bunt)

Code: Alles auswählen

<p></p>
<p></p>
<p></p>
<scriptlanguage="javascript"><!--Hundebutton= new Image();Hundebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif"Hundebuttonrot= new Image();Hundebuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif"//  ----------------------------------------------------------------------------Katzenbutton= new Image();Katzenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif"Katzenbuttonrot= new Image();Katzenbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif"//  ----------------------------------------------------------------------------Ninsbutton= new Image();Ninsbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif"Ninsbuttonrot= new Image();Ninsbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif"//  ----------------------------------------------------------------------------Meerisbutton= new Image();Meerisbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/meeris_sw.jpg"Meerisbuttonrot= new Image();Meerisbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/meeris_sw_mo.jpg"//  ----------------------------------------------------------------------------Rattenbutton= new Image();Rattenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif"Rattenbuttonrot= new Image();Rattenbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif"//  ----------------------------------------------------------------------------Reptilienbutton= new Image();Reptilienbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif"Reptilienbuttonrot= new Image();Reptilienbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif"//  ----------------------------------------------------------------------------Insektenbutton= new Image();Insektenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif"Insektenbuttonrot= new Image();Insektenbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif"//  ----------------------------------------------------------------------------Anderetierebutton= new Image();Anderetierebutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/anderetiere_sw.jpg"Anderetierebuttonrot= new Image();Anderetierebuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/anderetiere_sw_mo.jpg"//  ------------------------------------------------------------------------------>


<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="austauschhundebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif';" onmouseout="austauschhundebutton.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="austauschhundebutton" 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="austauschkatzenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif';" onmouseout="austauschkatzenbutton.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="austauschkatzenbutton" 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="austauschninsbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif';" onmouseout="austauschninsbutton.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="austauschninsbutton" 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>
<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="austauschrattenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif';" onmouseout="austauschrattenbutton.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="austauschrattenbutton" 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="austauschreptilienbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif';" onmouseout=" austauschreptilienbutton .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="austauschreptilienbutton" 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="austauschinsektenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif';"onmouseout="austauschinsektenbutton .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="austauschinsektenbutton" alt=""></a></p>
</td>


</tr>
</tbody>
</table>

<div>
</div>
<!-- ende Main Content--></scriptlanguage="javascript">

[goefi-chiangmai]

wird irgend ein Schreib oder URL fehler sein, kontroliere alles namen des Button

[Patrick]

hmm,

ich habe es nun zig male verglichen mit den anderen, wo es klappt. Dennoch ist nichts zu finden :LL .

Dann muss ich wohl weiter suchen *lol*

lg

[goefi-chiangmai]

Habs mal schöner dargestellt das man auch den überblick hat!!!!!

Code: Alles auswählen

    <p></p>
    <p></p>
    <p></p>
    <scriptlanguage="javascript"><!--
Hundebutton= new Image();
Hundebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif"
Hundebuttonrot= new Image();
Hundebuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif"//  
----------------------------------------------------------------------------
Katzenbutton= new Image();
Katzenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif"
Katzenbuttonrot= new Image();
Katzenbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif
//  ----------------------------------------------------------------------------
Ninsbutton= new Image();
Ninsbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif"
Ninsbuttonrot= new Image();
Ninsbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif"
//  ----------------------------------------------------------------------------
Meerisbutton= new Image();
Meerisbutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/meeris_sw.jpg"
Meerisbuttonrot= new Image();
Meerisbuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/meeris_sw_mo.jpg"
//  ----------------------------------------------------------------------------
Rattenbutton= new Image();
Rattenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif"
Rattenbuttonrot= new Image();
Rattenbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif"
//  ----------------------------------------------------------------------------
Reptilienbutton= new Image();
Reptilienbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif"
Reptilienbuttonrot= new Image();
Reptilienbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif"
//  ----------------------------------------------------------------------------
Insektenbutton= new Image();
Insektenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif"
Insektenbuttonrot= new Image();
Insektenbuttonrot.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif"
//  ----------------------------------------------------------------------------
Anderetierebutton= new Image();
Anderetierebutton.src = "http://www.oyla.de/userdaten/090/08089/bilder/anderetiere_sw.jpg"
Anderetierebuttonrot= new Image();
Anderetierebuttonrot.src = "http://www.oyla.de/userdaten/090/08089/bilder/anderetiere_sw_mo.jpg"
//  ------------------------------------------------------------------------------>


    <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="austauschhundebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif';" onmouseout="austauschhundebutton.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="austauschhundebutton" 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="austauschkatzenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif';" onmouseout="austauschkatzenbutton.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="austauschkatzenbutton" 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="austauschninsbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif';" onmouseout="austauschninsbutton.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="austauschninsbutton" 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>
    <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="austauschrattenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif';" onmouseout="austauschrattenbutton.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="austauschrattenbutton" 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="austauschreptilienbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif';" onmouseout=" austauschreptilienbutton .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="austauschreptilienbutton" 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="austauschinsektenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif';"onmouseout="austauschinsektenbutton .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="austauschinsektenbutton" alt=""></a></p>
    </td>


    </tr>
    </tbody>
    </table>

    <div>
    </div>
    <!-- ende Main Content--></scriptlanguage="javascript">

versuch mal beim wespe wo du mit reptiliebutton bezeichnet hast den leerschlarg rauszumachen, weil leerschlag ist auch ein zeichen

.......................onmouseout=" austauschreptilienbutton.....................................



wenn es nicht hilft mach ich das morgen

[goefi-chiangmai]

Und das das richtig funktioniert und du mit der maus weggehst sollte unten wieder der Schwarzweiss Grafik kommen!


So wies du machst, bleibt nach dem rübergehen die Farbgrafik

<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=10883843" onmouseover="austauschreptilienbutton.src='http://www.oyla.de/userdaten/108/83843/ ... pen_mo.gif';" onmouseout="austauschreptilienbutton .scr='http://www.oyla.de/userdaten/108/83843/ ... pen_sw.gif" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/ ... pen_sw.gif" name="austauschreptilienbutton" alt=""></a></p>


so wäre wird wieder die schwarzweiss grafik geladen
<p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi? ... d=10883843" onmouseover="austauschreptilienbutton.src='http://www.oyla.de/userdaten/108/83843/ ... pen_mo.gif';" onmouseout="austauschreptilienbutton .scr='http://www.oyla.de/userdaten/108/83843/ ... pen_sw.gif" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/ ... pen_mo.gif'" name="austauschreptilienbutton" alt=""></a></p>



1. Grafik. so wird die seite geladen
2. Hover
3. wenn Du hover verlässt

[Patrick]

huhu peter,

jetzt komme ich garnicht mehr klar. Ich habe es tausendmal mit einem anderen Code einer grafik verglichen.
Ich finde keinen Fehler! Ich bin zig male durchgegangen. Langsam macht mich die sache verückt. Meinde grafiken
habe ich am ende, vor dem .gif entweder sw (für schwarz weiß) und mo für mausover (also bunt). Habe alle verglichen
und kann keinen fehler finden :LL .

Ich bin im ende meiner fähigkeit angelangt

lg

[goefi-chiangmai]

du hast überal

mo
sw
sw

musst aber
mo
sw
mo

drinn haben

[Patrick]

hmm, das kann ja auch nicht sein, da ich es bei allen grafiken so habe.
Es klappen auch bis auf das wespenbild alle. Daher finde ich das etwas unverständlich

Wo kann ich denn so einen "Rohling" für 6 Bilder herbekommen? Wäre mit sicherheit auch
interessant für andere Mitglieder.

lg