Modifier jquery pour ne pas ouvrir l'image lorsque vous cliquez sur

Question

J'ai trouvé ce script qui développe l'image lorsque la souris est terminée, mais lorsque vous cliquez sur l'image, ouvrez l'image dans une nouvelle page.

Je voudrais modifier le script parce que je ne veux pas que cette image s'ouvre dans une nouvelle page lorsque vous cliquez.

Comment puis-je modifier le script pour ne pas ouvrir la photo dans une nouvelle page?

Voici le script:

this.imagePreview = function(){ 
    /* CONFIG */ 

     xOffset = 10; 
     yOffset = 30; 

     // these 2 variable determine popup's distance from the cursor 
     // you might want to adjust to get the right result 

    /* END CONFIG */ 
    $("a.preview").hover(function(e){ 
     this.t = this.title; 
     this.title = "";  
     var c = (this.t != "") ? "<br/>" + this.t : ""; 
     $("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");         
     $("#preview") 
      .css("top",(e.pageY - xOffset) + "px") 
      .css("left",(e.pageX + yOffset) + "px") 
      .fadeIn("fast");       
    }, 
    function(){ 
     this.title = this.t;  
     $("#preview").remove(); 
    }); 
    $("a.preview").mousemove(function(e){ 
     $("#preview") 
      .css("top",(e.pageY - xOffset) + "px") 
      .css("left",(e.pageX + yOffset) + "px"); 
    });   
}; 


// starting the script on page load 
$(document).ready(function(){ 
    imagePreview(); 
}); 

Pour voir la démo: http://cssglobe.com/lab/tooltip/02/

Merci

Cordialement

Answer 1

$('a.preview').click({ 
    function (event) { 
     event.preventDefault(); 
    }); 

Pour avoir tous les aperçus de se produire à la même position, modifier les coordonnées dans ces lignes

.css("top",(e.pageY - xOffset) + "px") 
.css("left",(e.pageX + yOffset) + "px") 

Écrivez le coordonnez que vous voulez à la place de e.pageY - xOffset et e.pageX + yOffset

Answer 2

La fonction .preventDefault() fera pour vous:

$("a.preview").click(function(event) { 
    event.preventDefault(); 
});