Foros del Web - Ver Mensaje Individual

Dany_s · #3 (**permalink**) 18/08/2011, 08:46

podés colocar el nombre como atributo

Código HTML:

Ver original<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script>
    $( function() {
        $('#opt li').click( function(){
            $('#msg').text('images/barrio/'+$(this).attr('data-opt')+'.jpg');
        });
    });
    </script>
 
</head>
<body>
 
<ul id="opt">
    <li data-opt="rio">Opción rio</li>
    <li data-opt="resto">Opción resto</li>
    <li data-opt="tren">Opción tren</li>
    <li data-opt="ruta">Opción ruta</li>
    <li data-opt="shopping">Opción shopping</li>
</ul>
<div id="msg"></div>
</body>
</html>

también podrias recuperar el id si es igual al nombre de la imagen pero no sé si te convendria