Rotador de imagenes gif y jpg con javascript

Este codigo les sirve para hacer hacer rotar las imagenes que coloquen, acepta imagenes jpg y gif  solo le ponen la direccion de la imagen que desean osea la direccion url de la imagen y listo.

Nota: Primero debes subir las imagenes a un servidor de imagenes y de ahi copiar el url y reemplazar por lo que esta de rojo en el codigo.

Recuerda debes poner las imagenes todas del mismo ancho y alto.

Abajo esta el ejemplo como les va a sali, tambien miralo funcionado en vista previa.

Mira el demo

Este codigo lo colocas en un widget/html

<!-- Mas scripts en http:disemucho.jimdo.com -->
<script language="JavaScript1.1" type="text/javascript">
//<![CDATA[
var specifyimage=new Array() //Your images
specifyimage[0]="http://u.jimdo.com/www31/o/s0cbf529a43eb907d/img/i8b3c3479ba0bafb2/1297438889/std/image.gif"
specifyimage[1]="http://u.jimdo.com/www31/o/s0cbf529a43eb907d/img/ie820339d3c11ff99/1297438753/std/image.gif"
specifyimage[2]="http://u.jimdo.com/www31/o/s0cbf529a43eb907d/img/ibb202918c35e608f/1297438702/std/image.gif"

specifyimage[3]="http://u.jimdo.com/www31/o/s0cbf529a43eb907d/img/iadf10bebde935a0f/1297438696/std/image.gif"
var delay=3000 //3 seconds

//Counter for array
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)")
//]]>
</script><img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" alt="" id="cube" />

Escribir comentario

Comentarios: 6
  • #1

    ch-p (domingo, 27 mayo 2012 12:16)

    me gusto tu ritador de imajenes esta muy bueno
    gracias

  • #2

    jesusmanuel (lunes, 25 junio 2012 17:21)

    hola mira yo tengo un blog de anime y he querido poner capitulos pa descagar sera que me puedes desir como ago para que me salgan asi como tu lo tienes en menu o dime como ago para poner menu

  • #3

    Miis Pensamiientos. (viernes, 29 junio 2012 16:36)

    Hola me guztha mucho enseriio esta bn caliidad hehe!!

  • #4

    dif (martes, 10 julio 2012 16:38)

    pero no dices como se pone!! asumes que ya todos lo sabemos, en vdd se ve bn pero dime en que parte de la configuracion se hace esto! por favor, donde se inserta el codigo?

  • #5

    thuzona (miércoles, 25 julio 2012 14:58)

    si qiero poner un link a cada imagen como lo agoo?

  • #6

    thuzona (miércoles, 25 julio 2012 15:20)

    como un link a cada imagen xfa me lo puedes decir?