JavaScript - rotacion de imagenes con efectos

   
Vista:

rotacion de imagenes con efectos

Publicado por Carlos di Gregorio (1 intervención) el 27/01/2010 22:30:03
Tengo el siguiente codigo:
------css-----
<style type="text/css">
#banner {
FILTER: alpha(opacity=100)
}
-----javascript-----
</style>
<script language="JavaScript1.2" type="text/javascript">
//creo array de imágenes
array_imagen = new Array(7)
array_imagen[0] = new Image()
array_imagen[0].src = "images_act/remates1.gif"
array_imagen[1] = new Image()
array_imagen[1].src = "images_act/remates2.gif"
array_imagen[2] = new Image()
array_imagen[2].src = "images_act/remates3.gif"
array_imagen[3] = new Image()
array_imagen[3].src = "images_act/remates4.gif"
array_imagen[4] = new Image()
array_imagen[4].src = "images_act/remates5.gif"
array_imagen[5] = new Image()
array_imagen[5].src = "images_act/remates6.gif"
array_imagen[6] = new Image()
array_imagen[6].src = "images_act/remates7.gif"
array_imagen[7] = new Image()
array_imagen[7].src = "images_act/remates8.gif"
contador = 0
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
high()
contador ++
contador = contador % array_imagen.length
low()
setTimeout("alternar_banner()",3000)
}
function low()
{
lowlighting=setInterval("lowlightit()",100);
}
function lowlightit()
{
if(window.document["banner"].filters.alpha.opacity>1)
window.document["banner"].filters.alpha.opacity-=5
else if(window.lowlighting)
clearInterval(lowlighting)
}
function high()
{
highlighting=setInterval("highlightit()",100);
}
function highlightit()
{
if(window.document["banner"].filters.alpha.opacity<100)
window.document["banner"].filters.alpha.opacity+=5
else if(window.highlighting)
clearInterval(highlighting)
}
</script>

----- html-------
onload="alternar_banner();

*************************************************************************************************
Ahora mi problema es el siguiente mi intención eske cuando cambie desaparesca una y aparesca la otra, este codigo lo hace, pero por ejemplo pasa una imagen y le hace el efecto de aparecer cambia de imagen y cuando cambia la siguiente imagen hace el efecto desaparecer.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder