Desactivar enlace Jquery o javascript

[juanmanuel19686]

Estimado estoy armando un sitio donde al hacer click en enlace se ejecuta una función javascript que muestra una imagen en tamaño mas grande. Simplemente una galeria de fotos.

La función javascript toma el ·"href" del enlace y cambia el "src" de la imagen grande.

Son varios enlaces obviamente (una galeria con muchas miniaturas), mi problema es que no desactivar el enlace. Lo he hecho otras veces pero se ve que mi cerebro ya no tiene mucha capacidad después de muchas horas de trabajo.

El enlace es algo así

Código HTML:

<a onClick="javascript:mostrarFoto(this); return false;" href="fotosGrandes/estancia/estancia.jpg" class="vinculoFoto"> 

La función es algo así.

Código:

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

[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