Que tal, chicos.

Pues quise actualizarme y añadir un índice interactivo que cambiase de imagen al pasar el mouse por encima pero veo que los códigos simplemente no encajan bien o se me pasa algún caracter.

Estas fueron los Tutoriales:
Imagen cambia por otra al pasar el mouse.
Indice interactivo con información.

Lo logré con las últimas tres imágenes pero la primera (por ser la base del primer tutorial) no me deja combinarlos.

Código:

<script>
jQuery(function() {
jQuery('.img_list_hp img').mouseover(function() {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
}).mouseout(function() {
jQuery('#img_list_alt').html('Posiciona el mouse encima para ver cada descripción.');
});
});
</script><div class="img_list_hp"><a href="http://ragnarokawakening.superforos.org/f5-normas"><img height="128" src="https://lh3.googleusercontent.com/_h7ANCQdPuJ8/TcOqGBnHxiI/AAAAAAAAAJ0/Tnly2nEE7BU/s128/moleskine_green.png" onmouseover="this.src='https://picasaweb.google.com/crudeality/Backup?locked=true#5603428571838107730';" onmouseout="https://lh3.googleusercontent.com/_h7ANCQdPuJ8/TcOqGBnHxiI/AAAAAAAAAJ0/Tnly2nEE7BU/s128/moleskine_green.png" alt="Aquí encontrarás las instrucciones de registro y preguntas frecuentes."><span>Normas</span></a></div><div class="img_list_hp"><a href="http://ragnarokawakening.superforos.org/f1-Atencion-al-usuario"><img height="128"
 
src="https://lh3.googleusercontent.com/_h7ANCQdPuJ8/TcOqGOWjTFI/AAAAAAAAAJw/QS1Gn5705_0/s128/users.png" onmouseover="this.src='https://lh5.googleusercontent.com/_h7ANCQdPuJ8/TcNgmTiEBgI/AAAAAAAAAJg/pBQY7HJXgw0/s128/ATENCION_GLOW.png';" onmouseout="this.src='https://lh3.googleusercontent.com/_h7ANCQdPuJ8/TcOqGOWjTFI/AAAAAAAAAJw/QS1Gn5705_0/s128/users.png';" alt="Aquí atendemos tus dudas e inquietudes, si necesitas ausentarte te ayudamos."><span>Atención al usuario</span></a></div><div class="img_list_hp"><a href="http://ragnarokawakening.superforos.org/f3-manuales"><img height="128"

src="https://lh4.googleusercontent.com/_h7ANCQdPuJ8/TcOqGXE3iwI/AAAAAAAAAJ4/4LTS4nlYzaE/s128/settings-blue-glow-icon.png" onmouseover="this.src='https://lh4.googleusercontent.com/_h7ANCQdPuJ8/TcNgnJrU9_I/AAAAAAAAAJs/KLOd4MI-Dvc/s128/MECAN_GLOW.png';" onmouseout="this.src='https://lh4.googleusercontent.com/_h7ANCQdPuJ8/TcOqGXE3iwI/AAAAAAAAAJ4/4LTS4nlYzaE/s128/settings-blue-glow-icon.png';" height="160px" with="160px"; alt="Utiliza nuestras guías si tienes alguna duda, aquí te diremos como."><span>Manuales</span></a></div><div class="img_list_hp"><a href="http://ragnarokawakening.superforos.org/f8-avisos-y-anuncios"><img height="128"

src="https://lh3.googleusercontent.com/-ladW7mBnJzs/TcOqGQgeCXI/AAAAAAAAAJ8/wFk-5JLAgXE/s288/system-software-update.png" onmouseover="this.src='https://lh5.googleusercontent.com/_h7ANCQdPuJ8/TcNgmT_E0mI/AAAAAAAAAJo/3CXqRutasjY/s128/AVISOS%20Y%20AC_GLOW.png';" onmouseout="this.src='https://lh3.googleusercontent.com/-ladW7mBnJzs/TcOqGQgeCXI/AAAAAAAAAJ8/wFk-5JLAgXE/s288/system-software-update.png';" height="160px" with="160px"; alt="Mantente al tanto de los cambios y anuncios importantes."><span>Avisos & actualizaciones</span></a></div><div class="img_list_hp"><a href="http://ragnarokawakening.superforos.org/f8-avisos-y-anuncios"><img height="128"</div><div style="clear: both" id="img_list_alt">DESCRIPCIÓN DE BOTONES</div>

Aquí esta un ejemplo de lo que sucede: Al pasar el mouse sobre la primera imagen, esta desaparece, no me muestra el efecto.



Espero puedan ayudarme, indicándome algún código pues ya revise muchas veces.
Uso phpBB2, más información en mi foro.

Muchas gracias por su atención.