YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Javascript für veränderbare bilder? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.833 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Javascript für veränderbare bilder?
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
botty botty ist männlich
Mitglied


Dabei seit: 28.12.05
Beiträge: 74
Herkunft: Frankenland
Forenversion: wbb234

 Javascript für veränderbare bilder? Antworten Zitieren Editieren Melden       UP

Wollte mal fragen ob jemand ein javascript hat bei dem sich das bild verändert wenn man mit der maus drüberfährt!

Danke

__________________

21.02.06 19:50 botty ist offline E-Mail WWW Finden Als Freund hinzufügen Füge botty in deine Kontaktliste ein
Broken Sword Broken Sword ist männlich
Mitglied


images/avatars/avatar-5300.jpg

Dabei seit: 18.06.04
Beiträge: 537
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

http://www.google.com/search?client=oper...=utf-8&oe=utf-8

da, der erste link Zunge raus
21.02.06 20:20 Broken Sword ist offline WWW Finden Als Freund hinzufügen
botty botty ist männlich
Mitglied


Dabei seit: 28.12.05
Beiträge: 74
Herkunft: Frankenland
Forenversion: wbb234

Themenstarter Thema begonnen von botty
Antworten Zitieren Editieren Melden       UP

ja das hab ich etz mal eingebaut aber jetzt hae ich folgendes problem: und zwar wenn ich das so einbau wie es dort steht dann tut sich eine lücke zwischen den buttons auf

ich hab mal einen screen drangehängt

vielleicht kann mir da jemand helfen? Danke

[IMG]http://fizzli.fi.funpic.de/screen.jpg[/IMG]



code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
<a href="index.htm" onMouseOver = "rollover('home')"
onMouseOut = "rollout('home')"
><img border="0" src="linkbuttons/Startseite.jpg" width="191" height="18" NAME="home" ALT="home"></a><SCRIPT TYPE="text/javascript">
<!--
setrollover('file:///C:/bottys%20hp/linkbuttons/Startseite.out.jpg');
//-->
</SCRIPT>
<a href="links/erbauer.htm" onMouseOver = "rollover('erbauer')"
onMouseOut = "rollout('erbauer')">
<img border="0" src="linkbuttons/erbauer.jpg" width="191" height="18" name="erbauer" alt="erbauer"></a>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('file:///C:/bottys%20hp/linkbuttons/erbauer.out.jpg');
//-->
</SCRIPT>


__________________

26.02.06 11:55 botty ist offline E-Mail WWW Finden Als Freund hinzufügen Füge botty in deine Kontaktliste ein
lycoos lycoos ist männlich
Frauenstimme 2007


images/avatars/avatar-4473.gif

Dabei seit: 05.08.05
Beiträge: 1.076

Antworten Zitieren Editieren Melden       UP

versuchs mal mit css

__________________
mfg

der Lycoos


Der Satz des Pythagoras umfasst 24 Worte,die Zehn Gebote 279, die amerikanische Unabhängigkeitserklärung 300 und die Verordnung der EG über die Einfuhr von Karamelbonbons 25.911 Worte.


26.02.06 12:51 lycoos ist offline E-Mail Finden Als Freund hinzufügen
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden       UP

Also, wenn ich ein Design mache und einen onMouseOver drin haben möchte, mache ich das meist schon in Photoshop. Der liefert mir dann folgende Zeilen:
In der head-Zeile:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images ) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

// -->
</script>


Bei dem Bild:
code:
1:
2:
3:
4:
5:
6:
<a href="#"
				onmouseover="changeImages('bild_mit_over', 'images/bild1-over.gif'); return true;"
				onmouseout="changeImages('bild_mit_over', 'images/bild1-out.gif'); return true;"
				onmousedown="changeImages('bild_mit_over', 'images/bild1-over.gif'); return true;"
				onmouseup="changeImages('bild_mit_over', 'images/bild1-over.gif'); return true;">
				<img name="bild_mit_over" src="images/bild1.gif" width="51" height="19" border="0" alt=""></a>


Und das funktioniert einwandfrei ^^
26.02.06 13:36 [kamui] ist offline Finden Als Freund hinzufügen
botty botty ist männlich
Mitglied


Dabei seit: 28.12.05
Beiträge: 74
Herkunft: Frankenland
Forenversion: wbb234

Themenstarter Thema begonnen von botty
Antworten Zitieren Editieren Melden       UP

ja im photoshop ein mouseover zu machen weiß ich nicht wies geht^^

naja auf jeden fall hab ich jetzt das problem mit den abständen nicht mehr aber jetzt hab ich ein anderes problem kann es sein das im mozilla firefox das javascript nicht richtig funktioniert??

könnts euch ja mal anschaun http://fizzli.fi.funpic.de/bottys hp/index.htm

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von botty: 26.02.06 13:53.

26.02.06 13:53 botty ist offline E-Mail WWW Finden Als Freund hinzufügen Füge botty in deine Kontaktliste ein
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden       UP

Ich meinte nicht, dass du es im Photoshop machen sollst, deshalb habe ich ja den Code mitgeschrieben ... Also bei meinem Beispiel funktioniert es, warum es bei deinem nicht geht, weiss ich nicht ...
26.02.06 14:10 [kamui] ist offline Finden Als Freund hinzufügen
botty botty ist männlich
Mitglied


Dabei seit: 28.12.05
Beiträge: 74
Herkunft: Frankenland
Forenversion: wbb234

Themenstarter Thema begonnen von botty
Antworten Zitieren Editieren Melden       UP

ja ich hab etz mal deinen code genommen aber es funktioniert trotzdem nicht im mozilla firefox^^

__________________

26.02.06 14:44 botty ist offline E-Mail WWW Finden Als Freund hinzufügen Füge botty in deine Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Javascript für veränderbare bilder?