Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Bilder durchsichtig! » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Bilder durchsichtig!
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Dream
unregistriert
Bilder durchsichtig! Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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
|Alex| |Alex| ist weiblich
||L.O.V.E.


images/avatars/avatar-39989.jpg

Dabei seit: 23.03.2005
Beiträge: 3.015

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

so wie mein enter auf www.ea-art.de.vu ?

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von |Alex|: 13.02.2005 12:26.

13.02.2005 12:25 |Alex| ist offline E-Mail an |Alex| senden Homepage von |Alex| Beiträge von |Alex| suchen Nehmen Sie |Alex| in Ihre Freundesliste auf Fügen Sie |Alex| in Ihre Kontaktliste ein AIM-Name von |Alex|: Enekin02 MSN Passport-Profil von |Alex| anzeigen
Dream
unregistriert
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ja, dann halt nur das das Bild nicht schwarz wird sondern kräftigere Fraben bekommt!
13.02.2005 12:29
|Alex| |Alex| ist weiblich
||L.O.V.E.


images/avatars/avatar-39989.jpg

Dabei seit: 23.03.2005
Beiträge: 3.015

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 |Alex| ist offline E-Mail an |Alex| senden Homepage von |Alex| Beiträge von |Alex| suchen Nehmen Sie |Alex| in Ihre Freundesliste auf Fügen Sie |Alex| in Ihre Kontaktliste ein AIM-Name von |Alex|: Enekin02 MSN Passport-Profil von |Alex| anzeigen
Dream
unregistriert
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

und wo muss ich da die adresse des bildes eingeben?
13.02.2005 12:39
|Alex| |Alex| ist weiblich
||L.O.V.E.


images/avatars/avatar-39989.jpg

Dabei seit: 23.03.2005
Beiträge: 3.015

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von Eni

<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




lg eni


__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von |Alex|: 13.02.2005 12:41.

13.02.2005 12:40 |Alex| ist offline E-Mail an |Alex| senden Homepage von |Alex| Beiträge von |Alex| suchen Nehmen Sie |Alex| in Ihre Freundesliste auf Fügen Sie |Alex| in Ihre Kontaktliste ein AIM-Name von |Alex|: Enekin02 MSN Passport-Profil von |Alex| anzeigen
Dream
unregistriert
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

klappt nicht!
Geh mal auf http://www.hofdream.de.vu aktionen und news und dann auf test!
13.02.2005 12:46
|Alex| |Alex| ist weiblich
||L.O.V.E.


images/avatars/avatar-39989.jpg

Dabei seit: 23.03.2005
Beiträge: 3.015

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 |Alex| ist offline E-Mail an |Alex| senden Homepage von |Alex| Beiträge von |Alex| suchen Nehmen Sie |Alex| in Ihre Freundesliste auf Fügen Sie |Alex| in Ihre Kontaktliste ein AIM-Name von |Alex|: Enekin02 MSN Passport-Profil von |Alex| anzeigen
Dream
unregistriert
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

genau so habe ich ihn eingegeben! Aber es funzelt immer noch nicht!
13.02.2005 14:13
Katja Katja ist weiblich
Kekse?


images/avatars/avatar-5992.jpg

Dabei seit: 03.01.2005
Beiträge: 1.320
Herkunft: Berlin

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

du bist ja bei beep, gell? dann versuchs mal im alten editor

__________________

13.02.2005 15:15 Katja ist offline E-Mail an Katja senden Homepage von Katja Beiträge von Katja suchen Nehmen Sie Katja in Ihre Freundesliste auf Fügen Sie Katja in Ihre Kontaktliste ein MSN Passport-Profil von Katja anzeigen
Dream
unregistriert
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

hmm, das bild ist aber nicht ganz durchsichtig sondern nur ein wenig tranparenter
03.08.2005 20:48
ProtexX
Mitglied


images/avatars/avatar-28113.jpg

Dabei seit: 01.07.2005
Beiträge: 392

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Dann must du die Werte ändern, mit denen du das aufgerufen hast ^.^

__________________
Wie man Fragen richtig stellt
03.08.2005 21:18 ProtexX ist offline Beiträge von ProtexX suchen Nehmen Sie ProtexX in Ihre Freundesliste auf
Dream
unregistriert
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

aha, das sagt mir jetzt ehrlich gesagt gar nix?
03.08.2005 21:19
ProtexX
Mitglied


images/avatars/avatar-28113.jpg

Dabei seit: 01.07.2005
Beiträge: 392

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 ProtexX ist offline Beiträge von ProtexX suchen Nehmen Sie ProtexX in Ihre Freundesliste auf
Vally Vally ist weiblich
<3 weitergeben!


images/avatars/avatar-34740.png

Dabei seit: 10.02.2005
Beiträge: 3.028

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Äh... bei mir ist es zwar erst durchsichtig, aber wenn ich drüberfahre stellt sich das enter auf den Kopf! oO

__________________
Te gusta, verdad Enrique?
Estamos hablando del máximo glamour.
Todo va estar en blanco y negro.
... y hay una chica por ahí que te gusta...

07.08.2005 16:08 Vally ist offline E-Mail an Vally senden Beiträge von Vally suchen Nehmen Sie Vally in Ihre Freundesliste auf Fügen Sie Vally in Ihre Kontaktliste ein
Pferdepflegerin
Mitglied


images/avatars/avatar-5290.gif

Dabei seit: 02.04.2005
Beiträge: 619

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

http://www2.ramnip.net/demo/js/fade.html

da steht das!
07.08.2005 16:47 Pferdepflegerin ist offline Beiträge von Pferdepflegerin suchen Nehmen Sie Pferdepflegerin in Ihre Freundesliste auf
Vally Vally ist weiblich
<3 weitergeben!


images/avatars/avatar-34740.png

Dabei seit: 10.02.2005
Beiträge: 3.028

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hab das Problem mit'm Kopfstand gelöst, hatte den falschen Linkeffekt drin. Augenzwinkern

__________________
Te gusta, verdad Enrique?
Estamos hablando del máximo glamour.
Todo va estar en blanco y negro.
... y hay una chica por ahí que te gusta...

07.08.2005 17:56 Vally ist offline E-Mail an Vally senden Beiträge von Vally suchen Nehmen Sie Vally in Ihre Freundesliste auf Fügen Sie Vally in Ihre Kontaktliste ein
Saskia* Saskia* ist weiblich
ehemals Pferdesaskia


images/avatars/avatar-9632.gif

Dabei seit: 11.05.2005
Beiträge: 3.587
Herkunft: PB

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

wo wird denn der cde bei oyla eingebaut??weiß0 das wer??
lg saskia

__________________
missing you.

07.08.2005 22:15 Saskia* ist offline E-Mail an Saskia* senden Beiträge von Saskia* suchen Nehmen Sie Saskia* in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Bilder durchsichtig!

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH