Afbryd http request (ajax)
Hej,Jeg bruger jQuery til at vise en stor version af et billede, når man hover over thumb'en.
Det tager ca. 1 sekund før billedet bliver vist, eftersom det først skal loades.
Hvis brugeren når at ombestemme sig inden det er loadet og "hoverOut" skal billedet selvfølgelig ikke vises.
For at afbryde ajax-requesten brugere jeg "stop();" ved hoverOut.
Thumb'en er dog også et link, så hvis man klikker på thumb'en og hover væk, afbryder den også, og undlader dermed at følge linket.
Håber I forstår. Nedenfor er koden.
På forhånd tak for hjælpen!
$(document).ready(function() {
//HOVER OVER BILLEDET
var thumbOver = function(imgSrc, cursorPos){
var imgSrc = $(imgSrc).attr('src');
var xhr = $('#thumbHover').load('pages/forside/hentThumb.php?imgSrc='+imgSrc+'&sid='+Math.random(),
function(){
$('#thumbHover').fadeIn('slow');
var posThumb = cursorPos.pageY-140;
$('#thumbHover').css('top',posThumb+'px');
}
);
}
//HOVER VÆK FRA BILLEDE
var thumbOut = function (){
stop(); //DENNE LINIE STOPPER ALT!
$('#thumbHover').html('');
$('#thumbHover').hide();
}
/*** DEFAULT VALGTE FANEBLAD: BILLEDER ***/
$('a#punktBilleder').addClass('menuPunktSelected');
$('div#newsIndhold').load('pages/forside/hentBilleder.php?sid='+Math.random(),
function(){
$("div.kommentarThumbs a img").hover(function(cursorPos){thumbOver(this, cursorPos)},thumbOut);
}
);
});