I am stuck with a kind of bug in FF, wherein it’s unable to load images of big size (I have 8 MB size of image) from the server. The loading of image is all fine on IE. I am still looking out for ways to get rid of this problem.
I changed server(IIS) settings to allow bigger file sizes. Also, I used “load” event on image using JQuery and tried all sort of options listed here http://api.jquery.com/load-event/, but nothing worked so far. If anyone of you has come across any such similar problem, and a way to resolve it, it would be nice to hear from you
Please note: high resolution images are part of the requirement.
Code :
<style>
img {
background-color: #FFFFFF;
background-image:
url(http://eremurus.hyd:8080/QMS/plugin/imagepanner/loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
</style>
<script src="../plugin/jquery-ui-1.8.7.custom/js/jquery-1.4.4.min.js"
type="text/javascript"></script>
<script>
jQuery(document).ready(function($){
///var _url = "http://eremurus.hyd:8080/QMS/plugin/imagepanner/floorPlan.jpg";
// set up the node / element
_im =$("#main");
//_im.bind("load",function(){ $(this).fadeIn(); });
// set the src attribute now, after insertion to the DOM
//_im.attr('src',_url);
$("#main").one("load",function(){
alert('loaded');
})
.each(function(){
if(this.complete){
$(this).trigger("load");
}
});
});
</script>
</head>
<body>
<div id="target"><img id='main' src="http://eremurus.hyd:8080/QMS/plugin/imagepanner/floorPlan.jpg"> </img></div>
</body>
</html>