Seite 2 von 5

Re: Bildwechsel bei mousover

Verfasst: Fr 15. Apr 2011, 11:22
von Patrick
goefi-chiangmai hat geschrieben: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

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 09:12
von 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

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 16:37
von 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">

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 17:56
von goefi-chiangmai
wird irgend ein Schreib oder URL fehler sein, kontroliere alles namen des Button

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 21:31
von 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

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 21:53
von 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

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 22:14
von 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

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 22:55
von 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 :G

lg

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 22:58
von goefi-chiangmai
du hast überal

mo
sw
sw

musst aber
mo
sw
mo

drinn haben

Re: Bildwechsel bei mousover

Verfasst: Sa 16. Apr 2011, 23:17
von 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 :E

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

lg