links langsam sichtbar

B

bruderherz

Gesperrt
hi leude,

wisst ihr wie ich so was machen kann:
es gibt zwei bilder auf schwarzem hintergrund, wenn man über ein bild fährt dann erscheinen darunter links und wenn man das bild verlässt, bleiben die natürlich! genau dasselbe beim zweiten bild! und wenn man darüberfährt ändert sich nicht nur die farbe, nein, es soll ganz langsam immer heller werden!

kann ich dieses script benutzen und es ein bisschen ändern?
<html>
<head>
<title>He Thomas</title>
<script language="JavaScript">
hoverObjects = new Object();
hoverTimers = new Object();

function hover(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
setTimeout("hover("+object+","+destOp+","+rate+","+delta+")",0);
return;
}

clearTimeout(hoverTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){
hoverObjects[object.sourceIndex]=object;
hoverTimers[object.sourceIndex]=setTimeout("hover(hoverObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
</head>
<body bgcolor=black>
<table border=0 cellspacing=3>
<tr>
<td>
<a href=#><img src=link1.jpg border=0 alt="Anime Evolution" id="AE" style="filter:alpha(opacity=50)" onmouseover="hover(AE,100,30,5)" onmouseout="hover(AE,50,50,5)"></a>
</td>
<td>
<a href=#><img src=link2.gif border=0 alt="Anime-N" id="AN" style="filter:alpha(opacity=50)" onmouseover="hover(AN,100,30,5)" onmouseout="hover(AN,50,50,5)"></a>
</td>
<td>
<a href=#><img src=link3.jpg border=0 alt="MC" id="MC" style="filter:alpha(opacity=50)" onmouseover="hover(MC,100,30,5)" onmouseout="hover(MC,50,50,5)"></a>
</td>
</tr>
<tr>
<td>
<a href=#><img src=link4.gif border=0 alt="8/2" id="8/2" style="filter:alpha(opacity=50)" onmouseover="hover(8/2,100,30,5)" onmouseout="hover(8/2,50,50,5)"></a>
</td>
<td>
<a href=#><img src=link5.gif border=0 alt="Chrischtian" id="CH" style="filter:alpha(opacity=50)" onmouseover="hover(CH,100,30,5)" onmouseout="hover(CH,50,50,5)"></a>
</td>
<td>
<a href=#><img src=link6.gif border=0 alt="kannnixlesen" id="ka" style="filter:alpha(opacity=50)" onmouseover="hover(ka,100,30,5)" onmouseout="hover(ka,50,50,5)"></a>
</td>
</tr>
<tr>
<td>
<a href=#><img src=link7.jpg border=0 alt="Narutofever" id="nf" style="filter:alpha(opacity=50)" onmouseover="hover(nf,100,30,5)" onmouseout="hover(nf,50,50,5)"></a>
</td>
<td>
<a href=#><img src=link8.gif border=0 alt="Myworld" id="mw" style="filter:alpha(opacity=50)" onmouseover="hover(mw,100,30,5)" onmouseout="hover(mw,50,50,5)"></a>
</td>
<td>
<a href=#><img src=link9.jpg border=0 alt="ssj-trunks" id="st" style="filter:alpha(opacity=50)" onmouseover="hover(st,100,30,5)" onmouseout="hover(st,50,50,5)"></a>
</td>
</tr>
</table>
Zum Vergrößern anklicken....

danke schon im voraus!:)
 
Boah, verdammt närrische Scripte... :(

Also das mit dem Text ist ziemlich easy zu gestalten, wenn du mit <div> arbeitest und dann bei den Bildern einen onMouseOver-Handler draufsetzt, der im jeweiligen <div>, welcher sich unter den Bild befindet, per innerHTML-Änderung den Text einfach hinzufügt.

Das mit den alpha-Filtern würd' ich gleich stecken lassen, M$-only-Scripte einzubinden, ist Kwatsch.

Halt' da mal lieber nach einer cross-Browser-Variante Ausschau, da hat die Welt mehr davon.

Geist
 
ach komm schon, ich hab in ner umfrage gelesen dass um die 90% den ms ie benutzen! und weniger als 5% netscape/mozilla! und ne andere variante kenn ich halt nicht!:D

äh, könnt ihr-wenn ihr wisst wie das im ersten beitrag erklärtem beispiel-das script ändern anstatt zu sagn was ich ändern soll? danke schon im voraus!:)
 
also:
du hast zwei bilder und wenn bei denen ein mouseover ist erscheint text der aber nimmer weg geht
die 2 bilder sollen außerdem einem alpha fading unterworfen sein
wo ist jetzt dein roblem?
weißt du nicht wie du das script einbauen sollst oder was?
verändern kann ich das script gerne aber nur wenn du mir sagst was du willst

oder weißt du einfach nicht wie man 2 js funktionen gleichzeitig bei einem event startet?

und
und wenn man darüberfährt ändert sich nicht nur die farbe
Zum Vergrößern anklicken....
worüber??
über das bild oder den text?

du siehst wen man sich besser ausdrückt ist die chance das einem sofort geholfen wird auch viel größer :rolleyes:

kicked @$$,->TRT
 
na dann......

hehe, ok, schon gut!:D

"kicked @$$,->TRT"
was is das denn???:-) :-)

also geht mal auf: http://mitglied.lycos.de/fofo/blablaba.htm

also, das ober dem hr strich sieht man bevor man über das bild gefahren ist, und das unterm strich sieht mann wenn man über ein bild fährt! das linke linkmenü erscheint langsam wenn man über das linke bild fährt und das rechte linkmenü erscheint langsam wenn man mit der maus über das rechte bild fährt! so, verständlich genug?:D :-)
 
mann schreib ich so unverständlich.......

oh, danke für die mühe aber ich meinte nciht das! mit mitglied.lycos.de/fofo/blablaba.htm wollte ich nur zeigen wie die page zuerst ausschaut, also man sieht nur zwei bilder auf schwarzem hintergrund, und wenn man über beide bilder fährt dann erscheint unter den bilder laaangsam ein linkmenü, dann schaut es aus wie unter der linie! wenn man nur über das linke bild fährt, erscheint nur das linke linkmenü, wenn man nur über das rechte bild fährt erscheint nur das rechte linkmenü!

und das wär sowieso nicht richtig, es soll ja langsam erscheinen!=)

und? verstanden??? die bilder hab ich absichtlich verlinkt

na, ihr werdet auch kleine nixkapiers!:-) :-) :-) (nee, nadürlisch ned!:D)
 
Aaaaaaah, I got it! :)

Gut, das lässt sich realisieren.
Allerdings weiß ich nicht, ob der alpha-Filter da mit einbeziehbar ist, denn es geht ja um Schrift.

Da ich eh nicht so fit bin, was diese Filter anbetrifft, kann ich mich nur mal dran versuchen.

Dass die Links aber erscheinen nach MouseOver ist nicht so das problematische Thema. ;)

Geist,
proud to be a "nixkapier" :rolleyes:
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück