Gifts

Iniciado por Mance, 21 Agosto 2004, 02:26 AM

0 Miembros y 1 Visitante están viendo este tema.

Mance

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.

aNexos

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




Mance

#2
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 :)

Mance

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">

Mance

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

aNexos

pasame el link para verlo.




Mance

el link? esk no la e colgado, espera, k la kuelgo.

Mance

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.