Imagenes de sustitucion

fmdj69 · #1 (**permalink**) 18/10/2008, 07:43

hola estoy creando una web y me gustaria saber como se hace para crear una imagen de sustitucion de mas de 2 imagenes, en plan que pones el raton encima y van pasando una a una progresivamente.

JavierB · #2 (**permalink**) 18/10/2008, 07:59

Hola fmdj69

Con HTML no se puede, tienes que usar JavaScript. Prueba este ejemplo:

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
var num=1;
var total = 3;
var pepe;
function cambiar() {
  num++;
  if (num>total) num=1;
  document.getElementById('im').src = 'imagen'+num+'.jpg';
}
</script>
</head>
<body>
<img id="im" src="imagen1.jpg" onmouseover="pepe=setInterval('cambiar()',2000)" onmouseout="clearInterval(pepe)" />
</body>
</html>

Saludos,

fmdj69 · #3 (**permalink**) 19/10/2008, 08:29

Si que funciona pero me gustaria que fuese algo mas rapido(con una variable en decimales de segundo por ejmplo) y otra cosa sabrias como integrarlo en joomla, porque en los articulos solo puedes poner codigo dentro del body

He intentado poner la parte head en la plantilla y luego la parte body en el articulo pero no funciona
gracias por la ayuda

buzu · #4 (**permalink**) 19/10/2008, 22:04

Me suena a que quieres todo peladito y a la boca. Ya viste el nuevo capitulo de 120 Segundos? lo digo por aquello de "porke".

fmdj69 · #5 (**permalink**) 20/10/2008, 10:47

Para Buzu:

Si lo pregunto es porque no tengo ni la menor idea de como se hace, aun asi lo e intentado de un millon de maneras antes de preguntar, asique no es una cuestion de aorrarme trabajo sino que lo necesito para poder seguir haciendo mas cosas y no quedarme estancado en esa parte

buzu · #6 (**permalink**) 20/10/2008, 15:04

ok ok... olvida lo que dije... para hacerlo más rápido cambia el 2000 del setInterval. Ese 2000 significa 2000 milésimas de segundo, osea 2 segundos. Cámbialo por el número de milésimas de segundos, solo te recuerdo o te informo según sea el caso, que los navegadores tiene un "tope" es decir que si usas por ejemplo 1, eso no significa que la función se ejecutará cada 1 mili segundo, dependiendo del explorador, podría ser que se ejecute cada 20 o 50. Es decir, que hay un límite y menos de ese límite se redondea automáticamente a ese limite. Entonce si el límite es 50, y tu pones 1, ese uno se convierte automáticamente en 50.

Saludos.

fmdj69 · #7 (**permalink**) 21/10/2008, 12:50

Gracias por tu ayuda

Espero aprender lo suficiente lo antes posible y asi dejar de daros el coñazo jejej

Un saludo

buzu · #8 (**permalink**) 21/10/2008, 16:55

por nada.

Saludos.

fmdj69 · #9 (**permalink**) 27/10/2008, 13:10

una cosa

abria alguna manera de que la parte dentro del head no necesite ninguna ruta

lo digo porque al meterlo en joomla la parte head hay que introducirla en el index de la plantilla y la parte body cuando crees un articulo, pero en este caso la parte head tiene que ser diferente para cada imagen por lo que no puedo ponerlo en el index para que sea general a todos los articulos con imagenes que vaya haciendo

fmdj69 · #10 (**permalink**) 27/10/2008, 13:39

e seguido mirando y lo mismo haciendo el mismo codigo en php se puede hacer no?