Chris Hunter
Hab eben auf
www.dynamicdrive.com was ganz ganz feines gefunden. einen mouseover effekt der richtig EINFACH einzubauen ist.
richtig geniale sache.
was würdet ihr sagen wenn man einen mouse over ganz einfach so einbauen könnte:
| code: |
1:
|
<a href="#"><IMG src="normal.gif" hsrc="mouseover.gif"></A> |
|
das ist doch mal richtig genial!
und alles was man dafür machen muss ist dieses script im head der betreffenden seite einbauen:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
|
<script type="text/javascript">
/****************************************************
* DOM Image rollover:
* by Chris Poole
* [URL]http://chrispoole.com[/URL]
* Script featured on [URL]http://www.dynamicdrive.com[/URL]
* Keep this notice intact to use it :-)
****************************************************/
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
</script>
|
|
dann nurnoch im body der html seite das eintragen:
| code: |
1:
|
<BODY onload="javascript:init()"> |
|
und fertig ist die sache...
nach sowas hab ich schon immer gesucht!!! und heute gefunden. und ich enthalte euch das natürlich nicht vor
redruMer
Hast für den scho ne Demo?
YinQ
wär das ganze nicht am einfachsten in puren html mit
| code: |
1:
|
<a href="#"><IMG src="normal.gif" onmouseover=src="mouseover.gif"></A> |
|
Oder braucht ihr dieses java script herumgetümmel
MMB
Natürlich ist onmouseover JS. Mouseovers lassen sich imho am besten mit CSS(2!) lösen.
YinQ
Natürlich geht das O.o
Nur damit es wieder das alte bild anzeigt musst du ihm auch sagen, mit onmouseout
| code: |
1:
|
<img src="bild" onmouseover=src="mouseoverbild" onmouseout=src="wieder das alte bild"> |
|