Desplazamiento de Banners
Hola, buen día. Tengo un pequeño script que va mostrando varios banners, pero los muestra sin ningún efecto, y quisiera que estos banners aparecieran con el efecto de desplazamiento uno tras otro.
El código que utilizo es el siguiente:
<script>
array_imagen = new Array(4)
array_imagen[0] = new Image(120,41)
array_imagen[0].src = "images/DVR1.jpg"
array_imagen[1] = new Image(120,41)
array_imagen[1].src = "images/EagleEyes.png"
contador = 0
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
//window.document.links[0].href = array_url[contador]
contador ++
contador = contador % array_imagen.length
setTimeout("alternar_banner()",5000)
if(contador == 2){contador = 0}
} </script>
(llamado)
<img src="#" name="banner" width=780 height=170 border=0>
Espero me puedan apoyar para darle una mejor imagen a mi web.
Saludos.
1 Respuesta
Para hacer un slider con el efecto fade o desplazamiento tienes tres opciones principalmente:
1.- Implementas JQuery en tu web, no es necesario hacer un largo script, con JQuery en un par de líneas está listo.
2.- Lo generas con CSS3.
3.- Implementas un script ya realizado como nivo slider por ejemplo y lo adaptas a tu web, es sencillo y viene con toda la documentación.
Dale un vistazo a diversos tutoriales que hay por la web y verás que cada uno tiene sus ventajas e inconvenientes.
