Linkbanner halb ausblenden
lima-city → Forum → Programmiersprachen → Sonstige Programmiersprachen
-
Ich möchte das der Linkbanner am anfang zu 50% ausgeblendet ist und wenn man mit der Mouse drauf geht das er dann voll angezeigt wird. Wer kann mir da helfen?
<a href="http://it.catalogo.polini.it/catalogo/it/" target="_blank" title="Webseite von Polini"><img src="images/polini.jpg" width="148" height="53" border="0" alt="Webseite von Polini" /></a>
Beitrag zuletzt geändert: 5.10.2010 15:21:39 von daroxx -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
SO?
CSS:
.banner a { display:block; background-image:url(images/polini.jpg); width:148px; height:53px; } .banner a:hover { background-image:url(images/polini.jpg); width:148px; height:53px; }
In Html (PHP):
<link href="/NAME DES CSS.css" media="screen" rel="stylesheet" type="text/css" /> <div class="banner"><a href="http://it.catalogo.polini.it/catalogo/it/"> ;</a></div>
-
klappt leider nicht aber ich habe mir jetzt was zusammen gebastelt und der banner ist am anfang schonmal halb ausgeblendet nur der fade klappt beim mouseover noch nicht ?
<a href="http://it.catalogo.polini.it/catalogo/it/" target="_blank" title="Webseite von Polini"><img src="images/polini.jpg" style="filter:alpha(opacity=50);[b]-moz-opacity: 0%[/b]" name="1" onmouseover="fade(this,100)" onmouseout="fade(this,50)" width="148" height="53" border="0" alt="Webseite von Polini" /></a>
Edit:
Habe wieder was neues gefunden was auch funktioniert aber der kommt mit dem Doctype nicht klar bzw. mit diesem Link "http://www.w3.org/TR/html4/loose.dtd" sobald ich diesen aber entfernt habe fuktioniert es wunderbar aber dann ist die Anordnung der Webseite total durcheinander. Ich weis echt nicht mehr was ich noch machen soll, bitte um hilfe.
<script language="JavaScript"> /* BannerFade 1.0 ======================================= Copyright (c) 2002-2003 Gaijin E-Mail: info@gaijin.at Homepage: http://www.gaijin.at/ Kompatibel nur mit Microsoft Internet Explorer!!! Getestet mit: ------------- o) Microsoft Internet Explorer 5.0 o) Microsoft Internet Explorer 6.0 */ bannerFadeObjects = new Object(); bannerFadeTimers = new Object(); function bannerFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("bannerFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(bannerFadeTimers[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){ bannerFadeObjects[object.sourceIndex]=object; bannerFadeTimers[object.sourceIndex]=setTimeout("bannerFade(bannerFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script> </head> <body> <table boder=0 cellspacing=5 cellpadding=5 width="100%"> <tr> <td bgcolor="#003366" align="center"><a href="index.html" target=_blank><IMG onmouseover=bannerFade(this,100,20,7) style="FILTER: alpha(opacity=33)" onmouseout=bannerFade(this,33,50,7) src="banner.gif" border=0></a></td> </tr> </table> </body> </html>
Hat sich erledigt Fade klappt nicht habe einen normalen Mouseover genommen;)
Beitrag zuletzt geändert: 8.10.2010 17:40:41 von daroxx -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage