Desactivar enlace Jquery o javascript

[Alexis88]

Cancela la ejecución del evento y muestra la imagen.

Código HTML:

<a href="fotosGrandes/estancia/estancia.jpg" onclick="mostrarFoto(event, this)" class="vinculoFoto">
 

Código Javascript:

function mostrarFoto(evento, elemento){
    evento.preventDefault();
    var src=$(elemento).attr('href');
    $('#visorImagen').attr('src', src);
    $('#visor').fadeIn('slow');
}
 

Aunque, por un tema semántico, sería mejor que utilices otro elemento en lugar de un enlace, por ejemplo, un <label>.

Código HTML:

<label onclick="mostrarFoto('fotosGrandes/estancia/estancia.jpg')">Ejemplo</label>
 

Código Javascript:

function mostrarFoto(src){
    $('#visorImagen').attr('src', src);
    $('#visor').fadeIn('slow');
}
 

Saludos