Forum Doku Wiki Blog

Forumsarchiv 2002, Juni
rollover

archivierte Beiträge lesen

  1. (JAVASCRIPT) rollover von fjodor, 06. 06. 2002, 20:23

rollover

Der folgende Beitrag wurde am 06. 06. 2002, 20:23 Uhr von fjodor veröffentlicht.

habe vollgendes funktionierendes script:

function roll1(nb)

  {
var a;
a= new Array();
a[0]=new Image;
a[0].src="img2.gif";
a[1]=new Image;
a[1].src="img1.gif";
eval("img1.src=a["+nb+"].src");
 }

---------------------------

<a href="http://forum.de.selfhtml.org/" onmouseover="roll1(0)" onmouseout="roll1(1)"> <img name="img1" SRC="img1.gif"  border=0 >selfhtml</a>

mein problem:
ich will das gleiche script auf der gleichen seite bei weiteren links anwenden. funktioniert aber nicht! muss dann eine neue function schreiben mit einem neuen bildernamen - was natürlich sehr umständlich ist.

hat irgendwer eine ahnung was ich verändern muss?

danke

so long fjodor

rollover

Der folgende Beitrag wurde am 06. 06. 2002, 21:19 Uhr von Orlando veröffentlicht.

Hi, fjodor

Warum verwendest du nicht einfach die Methode, die hier beschrieben ist? -> http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

LG Orlando


--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html

rollover

Der folgende Beitrag wurde am 07. 06. 2002, 16:39 Uhr von Marcus veröffentlicht.

> habe vollgendes funktionierendes script:

> function roll(nb)

>   {
> var a;
> a= new Array();
> a[0]=new Image;
> a[0].src="img2.gif";
> a[1]=new Image;
> a[1].src="img1.gif";
> eval("img1.src=a["+nb+"].src");
> }

> ---------------------------

> <a href="http://forum.de.selfhtml.org/" onmouseover="roll1(0)" onmouseout="roll1(1)"> <img name="img1" SRC="img1.gif"  border=0 >selfhtml</a>

> mein problem:
> ich will das gleiche script auf der gleichen seite bei weiteren links anwenden. funktioniert aber nicht! muss dann eine neue function schreiben mit einem neuen bildernamen - was natürlich sehr umständlich ist.

> hat irgendwer eine ahnung was ich verändern muss?

> danke

> so long fjodor

hi,
führe diese Methode weiter :

agent = navigator.userAgent
browserVer=1
if (agent.indexOf ("MSIE 3") >0) {browserVer = 0}
if (agent.indexOf ("Mozilla/2.0") >0) {browserVer = 0}
if (browserVer == 1) {
var indexnor = new Image();
var indexup = new Image();
indexnor.src = "index-n.gif";
indexup.src = "index-u.gif";
}
function anim (dst,src) {
 if (browserVer == 1) {
  document.images[dst].src = eval (src + ".src")
 }
}

---------------------------

<a href="welcom.html" target="Haupt" onMouseOver="anim('index','indexup')" onMouseOut="anim('index','indexnor')"><IMG SRC="index-n.gif" BORDER="0" Name=index></A>

willst du einen weiteren Menüpunkt haben:

in den headbereich :
var uebernor = new Image();
var ueberup = new Image();
uebernor.src = "ueber-n.gif";
ueberup.src = "ueber-u.gif";

in den body :

<a href="ueber.html" target="Haupt" onMouseOver="anim('ueber','ueberup')" onMouseOut="anim('ueber','uebernor')"><IMG SRC="ueber-n.gif" BORDER="0" Name=ueber></A>

also, man kann das script zwar noch verbessern, aber es läuft gut und ich habe bisher noch keinen Brauser gesehen, der das script nicht interpretieren konnte.

Auf meiner Seite (http://www.asterix-ac.de) kannst Du das Script in Live und Farbe sehen.

Marcus

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4