Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.04.2010 um 10:40 (UTC)    
Titel: Hover Button Javascript?
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
Danke, ich möchte dies jetzt verlinken, aber bei mir klappt das nicht :S
↑
Beitrag18.04.2010 um 11:58 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
danke!! super!! es klappt!!!
↑
Beitrag18.04.2010 um 12:10 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
hab code mit werbung eingefügt, aber immernoch das selbe problem Sad
↑
Beitrag18.04.2010 um 12:24 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
danke!


Zuletzt bearbeitet von mrdobba am 18.04.2010, 13:27, insgesamt einmal bearbeitet
↑
Beitrag18.04.2010 um 12:30 (UTC)    
Titel:
Antworten mit Zitat
Kein Problem. Hab ich gerne gemacht.

Mfg
GamingParadise
↑
Beitrag18.04.2010 um 12:31 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
Hey,
bei mir ist da nicht so ein großer Abstand, welchen meinst du genau ?
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 2

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.