Hola, mirad, tengo una pagina, y, me gustaría crear Gifts, k, kuando pases el raton por encima, cambie, ya tengo las 2 imagenes, pero no se se eso en Gift funciona, o, es programandolo.
Bueno, a lo que tu te refieres a a GIF, porque un GIFT es un
regalo, o un
don.
Lo que tu quieres va mas bien en el foro de webmasters, pero bueno.
Para eso lo que tienes que hacer colocar en el header de tu web el siguiente script:
<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>Y luego cuando pongas el codigo de tu imagen, le agregas un valor hsrc en la etiqueta img. Asi:
<img src="imagen1.extensión" hsrc="imagen2.extensión">
El valor hsrc, indica la imagen que se mostrará al pasar el mouse por encima. Y para eso no importan las extensiones.
salu2
oZangelus
aaaaaaa ok xD muchas gracias xD esk quiero insertar en una pagina ( solo html) algo de imagen, weno, imagenes en los menus, y no sabia si era un GIF o lo k tu me has respondido.
Gracias tio ;).
Pd: Haber si rula :)
Jjajaja pues nada, k no funciona, el codigo lo pongo bien?:
<html>
<head>
<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
<title> Portada </title> </head>
Y lo k me pasa, es, k me sale la 1ª imagen, pero la segunda, me sale hsrc="imagenes/Descripcion2.jpg">
a, tb, ahora xD me sale la imagen, pero me sale abajo, :\ si no es una cosa, eso otra xD weno, haber, trnkilo, voy a mirar haber lo k es
Pd: Srry por molestarte con el IM
pasame el link para verlo.
el link? esk no la e colgado, espera, k la kuelgo.
YA ESTA!!!!!!!! me faltaba poner img al principi de hsrc, gracias por todo ;) http://usuarios.lycos.es/jabaclan
Ahora, dentro de un rato, kuando termine, la kuelgo :).
Pd: Yo no e programado la pagina.