Entrar

Este script sirve para cambiar imagenes automatica mente

geal712 · · Solicitar retirada
gracias por el aporte.

Lo necesitaba para un sitio web en asp.net y quisiera dejar este pequenisimo aporte si alguien quiero implementarlo en asp.net:

step = 0;
function autoImgFlip()
{
var a = document.getElementById('imag');
if (step < 7)
{ step++; }
else
{ step = 0; }

if (step == 0) {
a.src = "1.jpg";
}
if (step == 1)
{ a.src = "2.jpg"; }

setTimeout("autoImgFlip()", 2000);
if (step == 2)
{ a.src = "3.jpg"; }
if (step == 3)
{ a.src = "4.jpg"; }
if (step == 4)
{ a.src = "5.jpg"; }
if (step == 5)
{ a.src = "6.jpg"; }
if (step == 6)
{ a.src = "7.jpg"; }
}
---------------------------
<body onload="autoImgFlip();">
----------------------------
<img alt="Imagen no disponible" id="imag" src="1.jpg"/>
Jenkins · · Solicitar retirada
Me salio hasta la cuarta vez, jeje estaba repitiendo el body :mad:
gracias por el aporte trabaja muy bien, el código que me funciono es este por si alguno aun no ha podido.

<html>
<head>
<title>Editado por Jenkins</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

<script language="javascript">
step=0;
function autoImgFlip() {
if (step < 4) {step++;}
else {step=0;}
if (step==0)
{a.src="objetos/foto1.jpg";}
if (step==1)
{a.src="objetos/foto2.jpg";}
setTimeout("autoImgFlip()", 1000);
if (step==2)
{a.src="objetos/foto3.jpg";}
}

</script>
</head>
<body onLoad="autoImgFlip();">
<div id="imagen">
<img src="objetos/foto1.jpg" id="a" width="250px" height="160px">
</div>

</body>
</html>

Marque la etiqueta body, para que tengan cuidado. Ya habia hecho este efecto usando la libreria jquery y nivoslider pero queria aprender a hacerlo directamente.

Gracias y suerte !!!
johnes001 · · Solicitar retirada
Hola adonis el escript esta perfecto, solo que como lo podria aplicar para capas por medio del ID de las capas, de antemano gracias.


Adonis juarez escribió:este es: copienlo y pegenlo y en su escritorio y luego peguen 10 imagenes en el escritorio con los nombres: 1.jpg , 2.jpg , 3.jpg hasta el 10.jpg y si todo va bien entonces creen una carpeta y metan solamente las imagenes ahi y solo modifican el codigo asi: tu carpeta/1.jpg etc

espero le sirva mucho lo del tiempo se configura en setTimeout("autoImgFlip()", 1000); y si lo quieren mas rapido le pone 500 por ejemplo o mas lento, le ponen 3000 y asi se vera bien

<script language="javascript">
step=0;
function autoImgFlip() {
if (step < 8) {step++;}
else {step=0;}
if (step==0)
{a.src="1.jpg";}
if (step==1)
{a.src="2.jpg";}
setTimeout("autoImgFlip()", 1000);
if (step==2)
{a.src="3.jpg";}
if (step==3)
{a.src="4.jpg";}
if (step==4)
{a.src="5.jpg";}
if (step==5)
{a.src="6.jpg";}
if (step==6)
{a.src="7.jpg";}
if (step==7)
{a.src="8.jpg";}
}

</script>

<title>Untitled</title>
</head>

<BODY bgcolor="#ffffff" TEXT="#000000" link="#0000cd" vlink="#0000cd" alink="#ff0000" onLoad="autoImgFlip();">

[contenido no disponible]

http://hosting-asciisoft.com