Foro: www.neverfall.co.cc/foro/
Versión: 1.6.1
Problema:

Hola, bien, obtuve un código jQuery que funcionaba en otro tipo de foro, pero en MyBB no funciona (El código es un poco raro xD)

Bien lo que hace el código es que al pasar el mouse sobre una imagen, en un cuadro aparezca un texto. Si entrais a mi foro, al principio hay una especie de menú interactivo con 7 opciones y debajo un cuadro.

Ejemplo: Tu pones el cursor en una imagen... El texto del cuadro cambia a otro... cuando retiras el mouse, vuelve el texto de antes.

Pero no funciona bien, el código está puesto en el index.


Los CSS y el HTML está agregado correctamente, si es necesario lo proporcionaré.

mmm, creo que es porque MyBB usa protoype...

no estoy 100% seguro, pero PRUEBA asi:

Hola!

Lo siento, pero sigue sin funcionar u.u

Mm hace tiempo que no te pasabas por aqui jaja
el code es así
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
jQuery('.img_list_hp img').mouseover(function() {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
}).mouseout(function() {
jQuery('#img_list_alt').html('<b>¡Toda una gama de servicios a su disposición!</b>');
});
});
</script>

---

Cuando pegues un code y le salgan los &nbsp; quitalos! si no no te funcionará el code

Hola!

Sigue sin funcionar el script, repito que si es necesario. Proporciono lo demás (CSS y HTML)

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
jQuery('.img_list_hp img').mouseover(function($) {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
}).mouseout(function($) {
jQuery('#img_list_alt').html('<b>¡Toda una gama de servicios a su disposición!</b>');
});
});
</script>
Mmm no sé normalmente suele funcionar con ése ,prueba con este haber.
y Maxii no te voy a dar repu ,por que yo no aposté contigo

Hola, Sigue sin funcionar pero esta vez voy a dejar el código que tengo por si hubiera algún fallo

En las templates (header)


CSS:


Un saludo

Lo que está mal si no me equivocó es el HTML
Fijate:
JS-> jQuery('.img_list_hp img').mouseover(function() {
Necesita de los dos elementos y en el HTML sale esto:
<div class="img_list_hp">
Ponlo así
<div class="img_list_hp img">
A ver si te funciona :
Con eso te tendría que funcionar si no ,no sé jaja
Dame la url de donde te sacaste ése code.

Nada, sigue sin funcionar

JAJA Mira que soy idiota jaja
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
jQuery('.img_list_hp img').mouseover(function() {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
})
.mouseout(function() {
jQuery('#img_list_alt').html('<b>¡Toda una gama de servicios a su disposición!</b>');
});

});

</script>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=17"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/exposiciones.png" alt="Las <b>Exposiciones</b> ayudan a que tus nuevas creaciones sean comentadas por los miembros."><span>Exposiciones </span></a>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=19"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/galerias.png" alt="En las <b>Galerías</b> puedes exponer todas tus creaciones hechas a lo largo del tiempo."><span>Galerías </span></a>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=20"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/duelos.png" alt="Haz <b>Duelos</b> contra otros usuarios para ver quien es mejor diseñador."><span>Duelos </span></a>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=21"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/torneos.png" alt="Participa en los <b>Torneos</b> del foro y podrás ganar fantásticos premios."><span>Torneos </span></a>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=23"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/recursos.png" alt="Bájate <b>Recursos</b> para que tus creaciones sean aún más sorprendentes."><span>Recursos </span></a>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=25"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/tutoriales.png" alt="Mírate los <b>Tutoriales</b> del foro para aprender o mejorar en el diseño gráfico."><span>Tutoriales </span></a>
<a href="http://neverfall.co.cc/foro/forumdisplay.php?fid=27"><img class="img_list_hp" height="65" src="{$mybb->settings['bburl']}/images/pronavy/ficons/Otros/Indice_interactivo/evaluacion.png" alt="Haz un <b>Examen</b> para medir tu nivel de diseñador y calificar tus creaciones."><span>Evaluación </span></a>
<div id="arrow"><div style="clear: both" id="img_list_alt"><b>¡Toda una gama de servicios a su disposición!</b></div></div>
Dime de donde te sacaste ese code !!!