como mostrar titulo de la imagen en el div

Folter · #1 (**permalink**) 29/08/2010, 12:53

Hola a todos, que tal? Tengo un problema con jquery, os cuento..

Tengo una galeria de imagenes a la izquierda y un div oculto a la derecha, éste div se muestra cada vez que pasas por una imagen, hasta aqui todo bien. Ahora lo que quiero esque se muestra el nombre de cada imagen en el div, y aqui esta mi problema, solo consigo mostrar el nombre de la primera imagen..

script:

Código Javascript:

Ver originalvar titleArt = scrollable.find("a").attr('title');
        
scrollable.find('a').mouseenter(function(){             
    $('#info_table').fadeIn(500);
    $("#info_table").text(titleArt);
}); 
scrollable.find('a').mouseleave(function(){
    $('#info_table').fadeOut(100);
});

html:

Código HTML:

Ver original<a title="1ntelivizi0n"><img src="images/artists/1ntelivizi0n.jpg"></a>
<a title="A phone call"><img src="images/artists/A_phone_call.jpg"></a>
<a title="Alex Deejay"><img src="images/artists/Alex_Deejay.jpg"></a>
<a title="Alex DeLarge"><img src="images/artists/Alex_DeLarge.jpg"></a>

Espero que alguien me pueda ayudar. Gracias de adelanto y saludos

tredio · #2 (**permalink**) 29/08/2010, 20:24

creo que te bastaria haciendo esto.

Código Javascript:

Ver originalscrollable.find('a').mouseenter(function(){            
    var titleArt = $(this).attr('title');
    $('#info_table').fadeIn(500);
    $("#info_table").text(titleArt);
}); 
scrollable.find('a').mouseleave(function(){
    $('#info_table').fadeOut(100);
});

caricatos · #3 (**permalink**) 29/08/2010, 20:32

Tema movido desde javascript

Folter · #4 (**permalink**) 30/08/2010, 03:44

gracias tredio por responder. Tu manera no funciona, no muestra ningun titulo..

Dany_s · #5 (**permalink**) 30/08/2010, 04:40

debe funcionar si, seguramente que no estás seleccionando bien los links, fijate que "scrollable" contenga los links

Código HTML:

Ver original<head>
<title>Prueba</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    
$(function (){
    $('a').mouseenter(function(){
        var titleArt = $(this).attr('title');
        $('#info_table').fadeIn(500).text(titleArt);
    });
    $('a').mouseleave(function(){
        $('#info_table').fadeOut(100);
    });
})
</script>
</head>
<body>
 
    <a title="1ntelivizi0n"><img src="images/artists/1ntelivizi0n.jpg"></a>
    <a title="A phone call"><img src="images/artists/A_phone_call.jpg"></a>
    <a title="Alex Deejay"><img src="images/artists/Alex_Deejay.jpg"></a>
    <a title="Alex DeLarge"><img src="images/artists/Alex_DeLarge.jpg"></a>
 
    <div id="info_table"></div>
</body>
</html>

Folter · #6 (**permalink**) 30/08/2010, 07:30

Efectivamente funciona, danys, gracias! :D pero en mi caso tengo un galeria de imagenes con sus funciones, y una de ellas impide que muestre los titulos.. es la siguiente

Código Javascript:

Ver original$(function(){   
    makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
});

div.sc_menu_wrapper y div.sc_menu es donde esta la galeria.

Tambien te mando la demo de la galeria, si quieres echar un vistazo http://valums.com/vertical-scrolling-menu/