Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.11.2010 um 10:34 (UTC)    
Titel: Bild wechslend?

Hi, wie macht man das wenn man auf 1 Bild geht das er wechselt? Ich hab den Code vergessen Rolling Eyes
Beitrag06.11.2010 um 00:21 (UTC)    
Titel:

Moin,
du meinst einen "Hovereffekt"?
Explizit für "Bilder" oder meinst du die Navigation?
Ich gehe jetzt davon aus dass du einen "Hovereffekt" für ein Image haben möchtest, hier eine Lösung mit Javascript:


Zitat:

<script type="text/javascript">
//check if browser is capable, NS3+, IE4+
if (document.images) {
img1N= new Image(000,00);
img1N.src= 'Grafik1.jpg' ;
img1H= new Image(000,00);
img1H.src= 'Grafik2.jpg' ;
function myOn(img) {
document[img].src=eval(img+ 'H' ).src;
}
function myOut(img) {
document[img].src=eval(img+ 'N' ).src;
}
}
</script>
<img src="Grafik1.jpg" name="img" border="0" width="000" height="00" onmouseover="myOn('img')" alt="Hover Button" onmouseout="myOut('img')" />


Die Werte für "Höhe" und "Breite" müssen an das Image angepasst werden,
im letzten Abschnitt leicht zu erkennen doch im Script selbst nicht auf anhieb:
Zitat:

img1N= new Image(000,00);
img1H= new Image(000,00);


Hier findest du "(000,00)" in den beiden "Angaben"
im ersten machst du aus "000" die Weite sprich z.B: 300,
beim 2ten genau dasselbe nur für die Höhe.

MfG Demon
______________


Beitrag06.11.2010 um 15:58 (UTC)    
Titel:

Ne ich meine einfach ein Bild:

Wenn man auf das Bild geht, verändert er sich. Ein Button z.B. Klick hier, wenn man drauf mit der maus geht verändert er sich in das 2te bild
Beitrag06.11.2010 um 16:01 (UTC)    
Titel:

redo-homepage hat Folgendes geschrieben:
Ne ich meine einfach ein Bild:

Wenn man auf das Bild geht, verändert er sich. Ein Button z.B. Klick hier, wenn man drauf mit der maus geht verändert er sich in das 2te bild


Hi, da scheinst Du einen sogenannten "Hover" Effekt zu meinen.

Hierfür müsste man aber meistens HTML und CSS können. Crying or Very sad

Da könnte ich Dir aber ein kleines Tutorial empfehlen: http://poddi-designs.de.tl/Css-Tutorial3.htm

Grüße
Andreas
______________
Mit freundlichen Grüßen!
Beitrag06.11.2010 um 16:03 (UTC)    
Titel:

Code:

<style type="text/css">
<!--
.bild {
background-image:url(BILD1);}

.bild:hover {
background-image:url(BILD2);}
-->
</style>

<img class="bild">


Sowas?

// Muepfe war schneller...


Zuletzt bearbeitet von web-cube am 06.11.2010, 17:04, insgesamt einmal bearbeitet
Beitrag07.11.2010 um 18:39 (UTC)    
Titel:

Ne, das hat nichts mit Navi oder so zu tun. Ganz Normale Bilder, das wenn man mit der Maus drüber geht (ohne zu klicken) verändert sich das Bild.
Beitrag07.11.2010 um 18:42 (UTC)    
Titel:

Funktioniert mein Code nicht?
Beitrag07.11.2010 um 18:54 (UTC)    
Titel:

web-cube hat Folgendes geschrieben:
Funktioniert mein Code nicht?


Nein funk. nicht Sad
Beitrag09.11.2010 um 18:05 (UTC)    
Titel:

Weis das niemanden? Sad
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de