Necesito un Script de imagen cambiante--- saludos ;)

Tenía ese script en mi banco de scripts, pero parece que lo eliminé por casualidad.
El script sirve para que varias imágenes cambien constantemente, cada 5 segundos.

Gracias :D

Saludos :wink:

gracias, fue la primera web en donde busque pro no hay la que deseo

saludos :wink:

y en esta:


http://www.javascript.com.mx/javascripts/imagenes/


saludos

no , tampoco :) . Tendré que acordarme de donde lo conseguí :wink:

lo que deseaba es como la imagen que cambia de esta web, esta debajo de la cabecera en el lado izquierdo.

http://www.terra.co.cr/

Esto:?
<script language="javascript">
var imagenumber = 2 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
// Array de imágenes
images = new Array
images[1] = "url de imagen 1"
images[2] = "url de imagen 2"

var image = images[rand1]
// Array de enlaces
links = new Array
links[1] = "link 1"
links[2] = "link 2"
var link = links[rand1]

document.write('[contenido no disponible]')
</script>

casi, pero no era. Ese cambia cada vez que actualizas la pagina.

gracias :wink:

Pues, ya lo encontré. Si alguien le interesa posteo aquí:

Esto en el CSS.

<div id="idCapita"></div>
<script>
// Obtenemos el elemento por su identificador
var d = document.getElementById("idCapita");
d.innerHTML = "El contenido ha sido modificado! [contenido no disponible]";
</script>

y esto en el body:

<script>
var cont = 0;
var arr = [
["http://www.google.com","imagen1.gif"],
["http://www.yahoo.com","imagen2.gif"],
["http://www.albertovilches.com","imagen3.gif"]
]
function cambia() {
var d = document.getElementById("idCapita");
cont = cont % arr.length;
d.innerHTML = "[0]+"'][contenido no disponible]";
cont++;
}
function inicio() {
cambia();
setInterval(cambia, 1000);
}
window.onload=inicio;
</script>
<div id="idCapita"></div>

Saludos y gracias por el interes :D :wink: :wink:

hola, Perdonen mi poco conocimiento en el lenguaje java pero recien comienso con esto:
mi consulta es esta:
Esta relacionado con el ultimo posteo ....queire decir k si yo kiero poner
una imagen cambiante en tengo que poner esto:


En el Body:

<script>
var cont = 0;
var arr = [
["http://www.google.com","imagen1.gif"],
["http://www.yahoo.com","imagen2.gif"],
["http://www.albertovilches.com","imagen3.gif"]
]
function cambia() {
var d = document.getElementById("idCapita");
cont = cont % arr.length;
d.innerHTML = "[0]+"'][contenido no disponible]";
cont++;
}
function inicio() {
cambia();
setInterval(cambia, 1000);
}
window.onload=inicio;
</script>
<div id="idCapita"></div>


En el Css:

<div id="idCapita"></div>
<script>
// Obtenemos el elemento por su identificador
var d = document.getElementById("idCapita");
d.innerHTML = "El contenido ha sido modificado! [contenido no disponible]";
</script>



se que tengo k cambiar un par de cosas como las urls de las fotos,etc.

pero si alguien me puede expliquar mejor que cambiar exactamente y donde poner ese codigo , se los agradeseria mucho , ya que que quiero poner en mi web una de esas..
SAlu2!

<script>
var cont = 0;
var arr = [
["http://www.google.com","imagen1.gif"],
["http://www.yahoo.com","imagen2.gif"],
["http://www.albertovilches.com","imagen3.gif"]
]
function cambia() {
var d = document.getElementById("idCapita");
cont = cont % arr.length;
d.innerHTML = "[0]+"'][contenido no disponible]";
cont++;
}
function inicio() {
cambia();
setInterval(cambia, 1000);
}
window.onload=inicio;
</script>
<div id="idCapita"></div>

CSS

<div id="idCapita"></div>
<script>
// Obtenemos el elemento por su identificador
var d = document.getElementById("idCapita");
d.innerHTML = "El contenido ha sido modificado! [contenido no disponible]";
</script>

Lo de rojo son los enlaces, lo de verde es la ruta de la imagen, lo de morado puedes cambiarlo si tu imagen es de tipo gif, jpg o png.
Lo amarillo es el intervalo de tiempo entre una imagen y la otra.

aa perfecto..

entonces las imagenes tienen k estar subidas si o si a la web?
o pueden estar en la carpeta objetos solamente..


porque la verdad no me aparecen las imagenes , Debe ser k estoy poniendo mal la ruta a las imagenes.. o algo asi

En la parte k me desis k ponga el enlace.. supuestamente ese enlace es cuando se clikea sobre la imagen no? si es ese caso..
y no kiero k exista un enlace puedo borar esa parte?

mcuhas gracias

si está en la carpeta objetos la ruta sería objetos/imagen1.gif; si tu imagen esta dentro de la carpeta patito y patito está dentro de gallina. Entonces la ruta sería : gallina/patito/imagen.gif. ; es un ejemplo.

En la parte k me desis k ponga el enlace.. supuestamente ese enlace es cuando se clikea sobre la imagen no?

si, puedes borrarlo

Por Finn!!! :lol: :lol: :lol: :lol: :lol: :lol:
Graxias kapo..
Lo pude completar..


Grax por tu ayuda y tu paciencia
nos hablamos suerte!

hey! que bien :wink:

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]

Antes de que lo sepa el diablo. Esa carita que sale en el codigo es un 8 no se vallan a perder..

hola hermano tengo un problemita, me sirvio perfectamente el script pero cuando lo coloco no me funciona el menu desplegable que tambien es un script y no se que hacer!

hola blaizer me funciono perfectamente el script de las imagenes cambiantes pero si lo pongo entonces deja de funcionar el menu desplegable me podrias ayudar? no se que hacer y ya he tratado de todo
aqui va mi codigo



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>ESCUELA DE AVIACION</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta property="og:title" content="Escuela De Aviacion" />
<meta property="og:description" content="Carreras de tecnicos en mantenimiento de aeronaves-tripulante de cabina-despachador de vuelo " />
<meta property="og:image" content="/rodriguezpedro.atwebpages.com/objetos/presentacion.jpg"

</head>
<body onload="init();">
<div id="global">
<div id="curva-superior">[contenido no disponible]</div>
<div id="cabecera">[contenido no disponible]</div>
<div id="navegacion"><ul>

INICIO

CARRERAS

CURSOS ESPECIALES

OFICINAS

PERMISOS

CONTACTANOS
</div>
<div id="contenido">
<div id="izquierda">RECOMIENDANOS Y COMPARTE NUESTRA PAGINA EN FACEBOOK
<div id="botonface">
<iframe src="http://www.facebook.com/plugins/like.php?href=www.aeroescuela.com.v…" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
Compartir<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>



Cursos especiales para OMAC</p>
<div>

NUESTROS TECNICOS EN MANTENIMIENTO </p>[contenido no disponible]

ver el album</p></div>
</div>


<div id="centro">

La experiencia que nos brinda la trayectoria de dieciséis años desarrollándonos en este campo, es un extraordinario aval a favor de nuestro alumnado, ya que el 85% de nuestros egresados se encuentran laborando en diversas empresas aeronáuticas.</p>
<div>[contenido no disponible]</div>
</div>
<script>
var cont = 0;
var arr = [
["#","internet/tripulantes.png"],
["#","aeromozas/primeros_auxilios.png"],
["#","aeromozas/ditching.png"]
]
function cambia() {
var d = document.getElementById("idCapita");
cont = cont % arr.length;
d.innerHTML = "[0]+"'][contenido no disponible]";
cont++;
}
function inicio() {
cambia();
setInterval(cambia, 1000);
}
window.onload=inicio;
</script>
<div id="idCapita"></div>

<div id="derecha">
</div>
</div>
<!--
<div id="menu">
<ul>

enlace 1

enlace 2

enlace 3

enlace 4

enlace 5

enlace 6

enlace 7

</div>



-->
<div id="pie">pie</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

HE TRATADO DE TODO Y CREO Q EL PROBLEMA ESTA EN EL BODY, POR SEPARADO LOS DOS FYNCIONAN BIEN PERO JUNTOS NINGUNO!!! AQUI ESTA EL CODIGO OJALA SEPAN AYUDARME GRACIAS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>ESCUELA DE AVIACION</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<script language="javascript">
step=0;
function autoImgFlip() {
if (step < 3) {step++;}
else {step=0;}
if (step==0)
{a.src="internet/ditching.png";}
if (step==1)
{a.src="internet/motor_izquierdo.png";}
setTimeout("autoImgFlip()", 3000);
if (step==2)
{a.src="internet/primeros_auxilios.png";}
if (step==3)
{a.src="internet/tripulantes.png";}

}
</script>
</head>
<body onLoad="autoImgFlip();init()">


<div id="global">
<div id="curva-superior">[contenido no disponible]</div>
<div id="cabecera">[contenido no disponible]</div>
<div id="navegacion"><ul>

INICIO

CARRERAS

CURSOS ESPECIALES

OFICINAS

PERMISOS

CONTACTANOS
</div>
<div id="contenido">
<div id="izquierda">RECOMIENDANOS Y COMPARTE NUESTRA PAGINA EN FACEBOOK
<div id="botonface">
<iframe src="http://www.facebook.com/plugins/like.php?href=www.aeroescuela.com.v…" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
Compartir<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>



Cursos especiales para OMAC</p>
<div>

NUESTROS TECNICOS EN MANTENIMIENTO </p>[contenido no disponible]

ver el album</p></div>
</div>




<div id="centro">

La experiencia que nos brinda la trayectoria de dieciséis años desarrollándonos en este campo, es un extraordinario aval a favor de nuestro alumnado, ya que el 85% de nuestros egresados se encuentran laborando en diversas empresas aeronáuticas.</p>
</div></p>


<div>[contenido no disponible]</div>

<div id="derecha">
</div>
</div>
<!--
<div id="menu">
<ul>

enlace 1

enlace 2

enlace 3

enlace 4

enlace 5

enlace 6

enlace 7

</div>



-->
<div id="pie">pie</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

estimado, me podrias ayudar por favor, he seguido todos los pasos, pero solo me cambia y me aparece en mi pagina la stgue sigla:

"[contenido no disponible]";

pues no veo imagenes algunas.... por favor es lo unico que me falta, me puesto bien las url y las imagenes

pero no me funciona

muchas gracias!

hola! Yo hago plantillas con codigo html para mercadolibre (soy comerciante) resulta que veo pag. De la competencia con imagenes intermitentes, y deseo hacer lo mismo. Solo que no entiendo que es css, y no comprendo o no me sale lo de la ruta de imagenes. No me sale! Tengo url d las mismas xq estan en blogger. Gracias y AYUDA!

*Blaizer* escribió:CSS



Lo de rojo son los enlaces, lo de verde es la ruta de la imagen, lo de morado puedes cambiarlo si tu imagen es de tipo gif, jpg o png.
Lo amarillo es el intervalo de tiempo entre una imagen y la otra.

Cuando os referís a CSS, ¿hay que copiar el apartado completo, tal cual, en la hoja de estilos CSS? Es que no se parece a la sintaxis CSS que suelo utilizar... y no termina de irme el invento.

Puede sonar un poco chorra la pregunta, pero soy un novatillo en esto :confused:

Muchas gracias