mzeem
Erfahrenes Mitglied
Hi Leute,
ich habe mir eine art Galerie mit DVD-Covers zusammengestellt in der links das Cover groß angezeigt wird das ich mir rechts (thumbs) aus gewählt habe (onFOCUS)!
Nun möchte ich, daß das Cover nicht einfach nur eingeblendet wird sondern leicht einfadet opacity 0% bis 100%! Ich bin schon verrückt wg. der Suche geworden und hoffe Ihr könnt mir helfen! Vielleicht habt Ihr auch eine Idee wie ich das Cover von 0% breite auf die 100%ige größe skalieren kann!
Gruß der M
Ein bisschen JavaScript:
Ein bisschen HTML:
ich habe mir eine art Galerie mit DVD-Covers zusammengestellt in der links das Cover groß angezeigt wird das ich mir rechts (thumbs) aus gewählt habe (onFOCUS)!
Nun möchte ich, daß das Cover nicht einfach nur eingeblendet wird sondern leicht einfadet opacity 0% bis 100%! Ich bin schon verrückt wg. der Suche geworden und hoffe Ihr könnt mir helfen! Vielleicht habt Ihr auch eine Idee wie ich das Cover von 0% breite auf die 100%ige größe skalieren kann!
Gruß der M
Ein bisschen JavaScript:
PHP:
<script language="JavaScript">
function Bildwechsel1(element,bildsrc,titel,text)
{
var coverbild = document.getElementById(element);
var infotext = document.getElementById(titel);
coverbild.src = bildsrc;
infotext.innerHTML = text;
};
</script>Ein bisschen HTML:
PHP:
<div align="center" style="text-align:center;">
<div class="topdvd"><br /><br /><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/368/format376.jpg" border="0" width="230" height="300" id="dasBild" style="filter:blendTrans(Duration=1)" /><div id="bildtitel">Der Schuh des Manitu</div></div>
<div class="dvd"><a href="#" onfocus="Bildwechsel1('dasBild','http://mam.anixe.tv/MAM/data/Bild/c_00000/368/format376.jpg','bildtitel','Der Schuh des Manitu')"><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/368/format376.jpg" border="0" width="80" height="120" /><br /><br />Der Schuh des Manitu</a></div>
<div class="dvd"><a href="#" onfocus="Bildwechsel1('dasBild','http://mam.anixe.tv/MAM/data/Bild/c_00000/405/format569.jpg','bildtitel','American Pie')"><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/405/format569.jpg" border="0" width="80" height="120" /><br /><br />American Pie</a></div>
<div class="dvd"><a href="#" onfocus="Bildwechsel1('dasBild','http://mam.anixe.tv/MAM/data/Bild/c_00000/412/format609.jpg','bildtitel','Erkan & Stefan ')"><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/412/format609.jpg" border="0" width="80" height="120" /><br /><br />Erkan & Stefan </a></div>
<div class="dvd"><a href="#" onfocus="Bildwechsel1('dasBild','http://mam.anixe.tv/MAM/data/Bild/c_00000/329/format610.jpg','bildtitel','Erkan & Stefan gegen die Mächte der Finsternis')"><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/329/format610.jpg" border="0" width="80" height="120" /><br /><br />Erkan & Stefan gegen die Mächte der Finsternis</a></div>
<div class="dvd"><a href="#" onfocus="Bildwechsel1('dasBild','http://mam.anixe.tv/MAM/data/Bild/c_00000/203/format715.jpg','bildtitel','Die Nacht der lebenden Loser')"><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/203/format715.jpg" border="0" width="80" height="120" /><br /><br />Die Nacht der lebenden Loser</a></div>
<div class="dvd"><a href="#" onfocus="Bildwechsel1('dasBild','http://mam.anixe.tv/MAM/data/Bild/c_00000/1400/format1469.jpg','bildtitel','Reptile Man')"><img src="http://mam.anixe.tv/MAM/data/Bild/c_00000/1400/format1469.jpg" border="0" width="80" height="120" /><br /><br />Reptile Man</a></div>
<div style="clear:both;"> </div>
</div>
