Como puedo hacer esto?

[Jarkaos]

Hola, esta pagina tiene un efecto hecho con javascript que expande la imagen al pasar el puntero sobre ella.

http://efterfesten.com/?p=vimmel&uqid=43408119946738

Como se puede hacer ese efecto con javascript?
hay por ahí algun tutorial o algo similar?

Gracias

[ZiTAL]

te explico que hace:

Por defecto lo tiene asi:

Código HTML:

<div id="date_stad_6434329" align="center" style="overflow: hidden; height: 98px; width: 132px; position: absolute; color: rgb(104, 110, 112); font-size: 8px;">
<img width="1" height="66" src="img/pix.gif"/>
<br/>
2008-04-04
<br/>
GÖTEBORG
</div> 

y al poner el raton encima hace esto:

Código HTML:

<div id="date_stad_6434329" align="center" style="overflow: hidden; height: 98px; width: 132px; position: absolute; color: rgb(104, 110, 112); font-size: 8px;">
</div> 

lo he visto con firebug que es un add-on para firefox.

[Jarkaos]

Quieres decir que no hay nada de javascript en ese efecto, solamente Css?

[ZiTAL]

si que lo hay pero lo unico que hace es insertar datos en un elemento, vamos que con un innerHTML ya lo tienes hecho ;)

[lucasan]

Aunque ese efecto se puede hacer fácilmente con CSS (Usando a:hover) para esta ocasión si está hecho con javascript.

Prueba deshabilitando el Js de tu navegador y verás.

y este es el Js que tiene cada <div> con el efecto

Código:

onClick="document.location='index.php?p=vimmel_page&id=429688&type=fest&uqid=120793134591'"
     onMouseOver="swapVimmelImage('frame_inner_6448190', 'img/vimmel/frame_big_inner_over.gif'); 
                  changeContent('krog_name_6448190', ''); 
                  changeContent('date_stad_6448190', '')" 
     onMouseOut=" swapVimmelImage('frame_inner_6448190', 'img/vimmel/frame_big_inner.gif');
                  changeContent('krog_name_6448190', '<b>Gamle Port</b>');
                  changeContent('date_stad_6448190', '<img src=img/pix.gif width=1 height=128><br>2008-04-04<br>GÖTEBORG')"

P.D: No entiendo el porque de tanto Js en algo que s epuede hacer con CSS, ya tu verás como lo implementas.

[MaBoRaK]

loading.............

Iniciado por lucasan

Aunque ese efecto se puede hacer fácilmente con CSS (Usando a:hover) para esta ocasión si está hecho con javascript.

P.D: No entiendo el porque de tanto Js en algo que s epuede hacer con CSS, ya tu verás como lo implementas.

Ilustranos, como harías similar efecto con a:hover de CSS?

connection closed.