Bilder durchsichtig! |
Dream unregistriert
 |
|
Ich möchte gerne ein Bild auf meine Homepage setzten das die ganze Zeit durchsichtig ist und erst beim darüberfahren sichtbar wird. Kennt jemand den code?
|
|
13.02.2005 12:25 |
|
|
Dream unregistriert
 |
|
Ja, dann halt nur das das Bild nicht schwarz wird sondern kräftigere Fraben bekommt!
|
|
13.02.2005 12:29 |
|
|
|Alex|

||L.O.V.E.
 

Dabei seit: 23.03.2005
Beiträge: 3.015
 |
|
das bild ist schwarz, in richtig
du nimmst ein ganz normales bild, mit den farben die du später gerne hättest und dann kommt dieser code:
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:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
|
<script>
/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[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){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script> |
|
und danach dann dieser
code: |
1:
|
<a href="die addy mit der dud as enter verlinken willst, falls du eins hast"><img src="bild addy" border="0" style="filter:alpha(opacity=30)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)"> </a> |
|
wenn du das nciht als enter verwenden willst, lass
code: |
1:
|
<a href="die addy mit der dud as enter verlinken willst, falls du eins hast"> |
|
einfach weg
lg eni
__________________
|
|
13.02.2005 12:35 |
|
|
Dream unregistriert
 |
|
und wo muss ich da die adresse des bildes eingeben?
|
|
13.02.2005 12:39 |
|
|
Dream unregistriert
 |
|
|
13.02.2005 12:46 |
|
|
|Alex|

||L.O.V.E.
 

Dabei seit: 23.03.2005
Beiträge: 3.015
 |
|
ich kann leider deinen quelltext nicht sehen, aber so müsste dein code lauten:
<script>
/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[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){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjec
ts["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
<img src="http://www.beepworld.de/memberdateien/members74/ponyandhorsedream/bann
er001.jpg" border="0" style="filter:alpha(opacity=30)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)"> </a
__________________
|
|
13.02.2005 13:05 |
|
|
Dream unregistriert
 |
|
genau so habe ich ihn eingegeben! Aber es funzelt immer noch nicht!
|
|
13.02.2005 14:13 |
|
|
Katja

Kekse?
 

Dabei seit: 03.01.2005
Beiträge: 1.320
Herkunft: Berlin
 |
|
du bist ja bei beep, gell? dann versuchs mal im alten editor
__________________
|
|
13.02.2005 15:15 |
|
|
Dream unregistriert
 |
|
hmm, das bild ist aber nicht ganz durchsichtig sondern nur ein wenig tranparenter
|
|
03.08.2005 20:48 |
|
|
ProtexX
Mitglied
 

Dabei seit: 01.07.2005
Beiträge: 392
 |
|
|
03.08.2005 21:18 |
|
|
Dream unregistriert
 |
|
aha, das sagt mir jetzt ehrlich gesagt gar nix?
|
|
03.08.2005 21:19 |
|
|
ProtexX
Mitglied
 

Dabei seit: 01.07.2005
Beiträge: 392
 |
|
na dieses "onmouseover='nereidFade(this,100,70,20)'" da sind die Werte in der Klammer ja dafür zuspändig, wie stark sich das Bild verändert. Und die musst du dann dementsprechen verändern, zB.
"onmouseover='nereidFade(this,100,100,70)'" oder so. Musste mal gucken was gut aussieht.
__________________ Wie man Fragen richtig stellt
|
|
04.08.2005 04:41 |
|
|
|
Impressum
|