Hola! he implementado este código y funciona de maravilla en chrome, firefox, safary, pero mira por donde, el de siempre ( iexplorer )8 los png's que uso con fade in/out se ven pixelados y mal. Aparte en ie8 no hace bien los efectos de aparecer y ocultarse, estan como desconpensados y no funcionan como deberian.
Lo que hace basicamente es mostrar una capa mientras oculta la otra, pero como digo en ie8 no lo hace correctamente.
He estado buscando información sobre el tema y he encontrado cosas que podrian ayudar, pero no se ni como ni donde implementarlo:
http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/
Código PHP:
<div id="gallery" style="visibility: hidden;">
<div class="brgallery">
<img src="/img/banner_home_03.png" style="width:565px; height:381px;" />
</div>
</div>
<div id="gallery2">
<div class="brpacket">
<img src="/img/packet.png" style="width:262px; height:230px;" />
</div>
<div class="brpacketFoto">
<img src="/img/banner_home_02.png" style="width:506px; height:355px;" />
</div>
</div>
<div class="arrows">
<div class="fll cln"><a href="javascript:faderacl.fadeIn();faderacr.fadeOut();faderg.fadeOut();faderg2.fadeIn();"><img src="/img/arrows_left.png" style="width:31px; height:32px;"></a></div>
<div id="activeL" style="position:absolute;left:30px;margin-top: 9px;"><img alt="" src="/img/act_inact.png" style="width:68px; height:17px;"></div>
<div id="activeR" style="position:absolute;left:30px;margin-top: 9px;"><img alt="" src="/img/inact_act.png" style="width:68px; height:17px;"></div>
<div class="fll cln" style="margin-left: 64px;"><a href="javascript:faderacl.fadeOut();faderacr.fadeIn();faderg2.fadeOut();faderg.fadeIn();"><img alt="" src="/img/arrows_right.png" style="width:31px; height:32px;"></a></div>
</div>
<script type="text/javascript">
var faderacl = new Fadomatic(document.getElementById('activeL'), 5, 100);
var faderacr = new Fadomatic(document.getElementById('activeR'), 5, 100);
var faderg = new Fadomatic(document.getElementById('gallery'), 5, 100);
var faderg2 = new Fadomatic(document.getElementById('gallery2'), 5, 100);
window.onload = function(){
faderacr.hide();
faderg.hide();
}
</script>
Ala saludos a todos.