I'm not to sure if this is a bug or not, but for some reason the jquery setup I am using does not load images when you have the images placed in a sub folder.
The setup is a simple content switcher, and it is a combination of fadeOut, .load and fadeIn.
Here is my prototype.
http://ray.eltania.net/TEST/AjaxFadeInOut/index.htmlIf you click on Refresh01, it will load and fadeIn the page, which says "TEST01 TEST01.........." great! But an image should have been displayed too. The page is
http://ray.eltania.net/TEST/AjaxFadeInOut/Content/test01.htmland this is what happens:
- function refreshContent01() {
$("#content").fadeOut("fast", function(){
$("#content").load("Content/test01.html",false, function() {
$("#content").fadeIn("fast");
});
})
return false;
}
And the html is:
- <a href="#" onclick="refreshContent01();">Refresh 01</a>
Any idea if this is just a bug, or do I need to add something to make the images appear?
Note: If you the image and the page are all in the same directory, it works! But to have all the files in one folder can get very messy :|
Any suggestions most appreciated.