I need to resize an image when I open a page. before ajax navigation, I used function jQuery(window)
to say that I want to do my function resize when I get in my new page. But now with ajax navigationIi just load a part of my page so jQuery(window)
returns nothing.
// start page KO PART
jQuery(window).load(function(){
redimensionnement();
});
// KO PART END
// resize window OK --
jQuery(window).resize(function(){
redimensionnement();
});
Do you have any idea to solve my problem?
Thanks a lot !
On completion of your Ajax request load the image and when image is loaded than you resize images. here is sample code which might help you how to trace image loaded.
// create an image object
objImage = new Image();
// set what happens once the image has loaded
objImage.onLoad=imagesLoaded(objImage);
// preload the image file
objImage.src='images/image1n.gif';
// function invoked on image loaded
function imagesLoaded(obj)
{
var w = obj.width();
var h = obj.height();
}
I think you need to bind it inside onload;
// start page KO PART
jQuery(window).load(function(){
redimensionnement();
// resize window OK --
jQuery(window).resize(function(){
redimensionnement();
});
});
// KO PART END
I have find the solution !
So, to resize my image when we enter in my image page, I test if it is load in my ajax loop like this :
//ajax loop for full ajax navigation
$.ajax({
url: link,
dataType:'html',
success: function(data){
//update of my contain
var contenu = $(data).find("#contenu");
$('#contenu').html(contenu).fadeIn('200');
//TEST OF LOAD IMAGE, if yes, start my resize fonction
$("#map-carte-1").load(function(){
redimensionnement();
});
});