Jquery Webkit Problem

Hey guys i have been asking on the forums of themeforest what is the problem going on with the caption plugin i`m using on my portfolio, but it seems like no one could find the problem

THe problem is this: I have a small jquery script that when i go with the mouse over my thumbnail images on my gallery the caption will slide from the bottom, it works fine when i try it locally, i mean by opening the html, and it works fine with IE and Mozilla and Chrome Locally, when i upload it on the server, it does not work on Chrome, what i have noticed is that, when i first open the page the url is like this http://mybrainart.com/#all , the caption does not work, if you click the logo which takes you again to the same page, the url changes to http://mybrainart.com/index.html#all and the plugin works fine, the same if you refresh the page, it works, but if you try to refresh it again it does not work again, is kinda weird and i cannot find a solution, i could just take this thing off my site but im just getting obsessed with this, i wanna know whats the problem, if you jquery ninjas knows how to deal with this please tell me! here is the link to try it by your own http://www.mybrainart.com

I think your problem is in image loading, try to put your code in $(function(){ }) rather than $(document).ready();

Still it doe not work guys! im getting crazy! im getting on the conclusion that im gonna stop searching for a solution :/

It looks like captify isn’t namespaces correctly. Look at the last line on your tinyTips.js plugin and you’ll see…

})(jQuery);

This is the proper way to namespace a jQuery plugin. Captify fails to namespace at all…

});

Edit the last line of the captify.js and, my hunch is, you’ll be all set.

If that doesn’t work… you might want to move your captify call, which is currently in a doc.ready…

$(document).ready(function(){
     $('.captify').captify({});
});

... into a window.load so that it doesn’t fire until after all the image have loaded.

$(window).load(function(){
     $('.captify').captify({});
});

Best of luck.

It looks like captify isn’t namespaces correctly. Look at the last line on your tinyTips.js plugin and you’ll see…

})(jQuery);

This is the proper way to namespace a jQuery plugin. Captify fails to namespace at all…

});

Edit the last line of the captify.js and, my hunch is, you’ll be all set.

If that doesn’t work… you might want to move your captify call, which is currently in a doc.ready…

$(document).ready(function(){
     $('.captify').captify({});
});

... into a window.load so that it doesn’t fire until after all the image have loaded.

$(window).load(function(){
     $('.captify').captify({});
});

Best of luck.

Mate really thanks, but it still does not work it seems to me like impossible, i try it both but it does not work!