a:focus mit img

[SiDeu]

Hallo1
Ich suche einen möglichkeit bilder auszutauschen wenn mann draufklickt
wenn mann jetzt auf das nächste bild draufklickt soll sich dieses auch austauschen und das erste Bild soll wieder den Uhrzustand annehmen so wie es mit a:focus bei schrift mit unterschiedlicher Farbe funktioniert

 

[ge_fabian]

einen Bildwechsler bekommst du mit JavaScript hin.

 

[SiDeu]

Mit a:focus funktioniert es fast das Problem ist nur das das zweite Bild das dann erscheint verschoben nach unten unter dem ersten liegt

 

[ge_fabian]

könnte daran liegen, dass die Bilder nicht übereinander liegen.

Am besten du gibst uns mal den Quellcode, dann könnten wir dir besser helfen.

Ob deine Lösung allerdings die allerbeste ist, kann ich dir nicht sagen.

 

[SiDeu]

[I][SIZE=2][COLOR=#3f7f7f][SIZE=2][COLOR=#3f7f7f]#Home1
[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2] {[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]position[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]absolute[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]top[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]13%[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]left[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]4%[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]background-image[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]:[/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]url(../Buttons/Home1.jpg)[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]z-index[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]2[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2]; [/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2]}
[/SIZE]

[B][SIZE=2][COLOR=#3f7f7f][SIZE=2][COLOR=#3f7f7f]a
[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=2][COLOR=#3f7f7f][SIZE=2][COLOR=#3f7f7f][I]:focus[/I]
[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2] {[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]font-weight[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]bold[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]color[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]red[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2]; [/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]text-decoration[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]underline[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]outline[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]0[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]border-color[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]red[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]background-image[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]:[/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]url(../Buttons/Home2.jpg)[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
    
[/SIZE][SIZE=2][COLOR=#7f007f][SIZE=2][COLOR=#7f007f]z-index[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2]: [/SIZE][I][SIZE=2][COLOR=#2a00e1][SIZE=2][COLOR=#2a00e1]5[/COLOR][/SIZE][/COLOR][/SIZE][/I][SIZE=2];[/SIZE]
[SIZE=2]
}
[/SIZE]

<
div id="Home1" name="Button">

            
<a href="Home.html" target="AnzeigeFenster"> <img

                
src="../Buttons/Home1.jpg"/>

                

            
</a>

        
</div>

ich mache da jetzt schon seit tagen herum und javascript will ich nicht verwenden und wie es geht weis ich auch nicht

 

[ge_fabian]

ich mache da jetzt schon seit tagen herum und javascript will ich nicht verwenden und wie es geht weis ich auch nicht

&& was ist das hier dann?

/* onmouseover: this.style.borderColor:'red';

onmouseout: this.style.borderColor='#292643'; */

<!-- onclick="this.src ='../Buttons/Home2.jpg';" /> -->

 

[SiDeu]

War alter code und so sieht es aus wenn ich drauf klicke

total verschoben und nicht im index weiter oben das hellblaue sollte nun angezeigt werden