| Autor |
Nachricht |
-
redo-homepage
Wohnort: Pforzheim
|
 05.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  |
|
|
↑
|
|
 |
-
demon-x
|
06.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 |
|
|
↑
|
|
|
-
redo-homepage
Wohnort: Pforzheim
|
06.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 |
|
|
↑
|
|
|
-
muepfe-radio
|
06.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. 
Da könnte ich Dir aber ein kleines Tutorial empfehlen: http://poddi-designs.de.tl/Css-Tutorial3.htm
Grüße
Andreas |
|
|
↑
|
|
|
-
web-cube
|
06.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
|
|
|
↑
|
|
|
-
redo-homepage
Wohnort: Pforzheim
|
07.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. |
|
|
↑
|
|
|
-
web-cube
|
07.11.2010 um 18:42 (UTC)
Titel: |
|
|
Funktioniert mein Code nicht? |
|
|
↑
|
|
|
-
redo-homepage
Wohnort: Pforzheim
|
07.11.2010 um 18:54 (UTC)
Titel: |
|
|
web-cube hat Folgendes geschrieben: Funktioniert mein Code nicht?
Nein funk. nicht  |
|
|
↑
|
|
|
-
redo-homepage
Wohnort: Pforzheim
|
09.11.2010 um 18:05 (UTC)
Titel: |
|
|
Weis das niemanden? |
|
|
↑
|
|
|
|
