Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.04.2010 um 10:40 (UTC)    
Titel: Hover Button Javascript?

Ich hatte mal i.wo ne Seite, da war ein Code vorgegeben wo man nur die Bildadresse reinkopieren musste, und das bild dann heller wurde wenn man mit der maus draufg egangen ist. kennt jemand den code bzw. die seite?

LG
Beitrag18.04.2010 um 11:30 (UTC)    
Titel:

Hey,
das was du suchst, nennt sich "Fade-Effekt".

Das kannst du mit folgendem Code realisieren ( Code von www.kostenlose-javascripts.de ):

Zitat:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
faderbild = 'BILDURL';
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;

function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}
function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}
document.write('<div align="center"><img src="'+faderbild+'" border="0" style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script>
<br />
<!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt werden -->
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="DSL Anbieter" target="_blank">DSL Anbieter</a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->


Dieser Code hat zwar eine kleine Werbung, aber es ist das, was du suchst. Ein Beispiel mit Homer Simpson findest du hier:

http://www.kostenlose-javascripts.de/javascripts/bilder/fade-effekt.html

Hoffe, ich lag richtig.

Mfg
GamingParadise
Beitrag18.04.2010 um 11:56 (UTC)    
Titel:

Danke, ich möchte dies jetzt verlinken, aber bei mir klappt das nicht :S
Beitrag18.04.2010 um 11:58 (UTC)    
Titel:

Hmm, versuch es mal so:

Zitat:
<!-- präsentiert von kostenlose-javascripts.de -->
<a href="ZIELADRESSE.de">
<script type='text/javascript'>
<!--
faderbild = 'BILDURL';
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;

function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}
function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}
document.write('<div align="center"><img src="'+faderbild+'" border="0" style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script></a>
<br />
<!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt werden -->
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="DSL Anbieter" target="_blank">DSL Anbieter</a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->


Mfg
GamingParadise
Beitrag18.04.2010 um 12:02 (UTC)    
Titel:

danke!! super!! es klappt!!!
Beitrag18.04.2010 um 12:10 (UTC)    
Titel:

der code ist drin aber der effekt ist aufeinmal weg oô

mein kompletter code:

Code:
<div style="text-align: center;"><style type="text/css">
input{display:none;}
--></style>    <center><center><img src="http://api.ning.com/files/HZmqVIvVWb1aMEqnEFSwxNYxSpfyBWEeKp7fQl4hQ9mrePL4q0MyMaG6*ldhAVu6RwoipuI3wLJDZ2kEGpIOYPtsljbW7fpP/YouTubeLogoTransparent.png" alt="" /></center><img alt="" src="http://www.imagebanana.com/img/uoe9g42r/habbovip.png" /></center> <a href="startseite.htm"><img hspace="0" border="0" alt="http://www.habbotiles.net/images/content_images/habbo_loginlogo.gif" src="http://www.imagebanana.com/img/1bgfsi8b/habbo_loginlogo.gif" /></a></div>
<span style="font-size: large;"> </span>    <iframe height="0%" frameborder="0" width="0%" border="0" src="http://www.youtube.com/watch?v=mY6QTUqnFtU">
&amp;amp;amp;lt;/body&amp;amp;amp;gt;
&amp;amp;amp;lt;/html&amp;amp;amp;gt;
&amp;amp;amp;lt;/body&amp;amp;amp;gt;&amp;amp;amp;lt;/html&amp;amp;amp;gt<a href="startseite.htm"><br>
<!-- präsentiert von kostenlose-javascripts.de -->
<a href="Startseite.htm">
<script type='text/javascript'>
<!--
faderbild = 'http://www.imagebanana.com/img/1bgfsi8b/habbo_loginlogo.gif';
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;

function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}
function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}
document.write('<div align="center"><img src="'+faderbild+'" border="0" style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script></a>
<br />

<body style="background-image:url(http://i169.photobucket.com/albums/u203/sobbyboi/habbo_background-1.gif)">


Zuletzt bearbeitet von mrdobba am 18.04.2010, 13:12, insgesamt einmal bearbeitet
Beitrag18.04.2010 um 12:13 (UTC)    
Titel:

Hey,
du hast den Werbelink aus dem Originalcode entfernt. Das bewirkt, dass der Code nicht funktioniert. Du musst den wieder einfügen.

Mfg
GamingParadise
Beitrag18.04.2010 um 12:22 (UTC)    
Titel:

hab code mit werbung eingefügt, aber immernoch das selbe problem Sad
Beitrag18.04.2010 um 12:24 (UTC)    
Titel:

Füg den Code mal komplett neu ein, dann sollte es eig. funktionieren. Vllt. hast du einfach was falsch eingefügt.
Beitrag18.04.2010 um 12:26 (UTC)    
Titel:

danke!


Zuletzt bearbeitet von mrdobba am 18.04.2010, 13:27, insgesamt einmal bearbeitet
Beitrag18.04.2010 um 12:30 (UTC)    
Titel:

Kein Problem. Hab ich gerne gemacht.

Mfg
GamingParadise
Beitrag18.04.2010 um 12:31 (UTC)    
Titel:

oh man, wieder ein problem
sobald ich meine andderen 2 bilder einfüge, sieht man den enter button nicht mehr -.-
Beitrag18.04.2010 um 12:35 (UTC)    
Titel:

Ich habe mal deinen Quellcode überprüft, und laut dem hast du dem Enter-Button keine Beschriftung gegeben...

Guck mal ob das stimmt.

Mfg
GamingParadise
Beitrag18.04.2010 um 12:37 (UTC)    
Titel:

jez funktionierts richtig, aber warum ist jetzt dort so ein großer abstand?
so viele <br> sind da garnich..

Code:
<body style="background-image:url(http://i169.photobucket.com/albums/u203/sobbyboi/habbo_background-1.gif)">
<iframe height="0%" frameborder="0" width="0%" border="0" src="http://www.youtube.com/watch?v=mY6QTUqnFtU">
</script></a> </body></html></iframe><center><img alt="http://api.ning.com/files/HZmqVIvVWb1aMEqnEFSwxNYxSpfyBWEeKp7fQl4hQ9mrePL4q0MyMaG6*ldhAVu6RwoipuI3wLJDZ2kEGpIOYPtsljbW7fpP/YouTubeLogoTransparent.png" src="http://api.ning.com/files/HZmqVIvVWb1aMEqnEFSwxNYxSpfyBWEeKp7fQl4hQ9mrePL4q0MyMaG6*ldhAVu6RwoipuI3wLJDZ2kEGpIOYPtsljbW7fpP/YouTubeLogoTransparent.png" /><br />
<img src="http://www.imagebanana.com/img/uoe9g42r/habbovip.png" alt="http://www.imagebanana.com/img/uoe9g42r/habbovip.png" /><br /><br> <!-- präsentiert von kostenlose-javascripts.de -->
<a href="Startseite.htm">
<script type='text/javascript'>
<!--
faderbild = 'http://www.imagebanana.com/img/1bgfsi8b/habbo_loginlogo.gif';
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;

function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}
function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}
document.write('<div align="center"><img src="'+faderbild+'" border="0" style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script></a>
<br />
<!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt werden -->
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="DSL Anbieter" target="_blank">DSL Anbieter</a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de --> </center>
Beitrag18.04.2010 um 12:41 (UTC)    
Titel:

Hey,
bei mir ist da nicht so ein großer Abstand, welchen meinst du genau ?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de