Images are not loading when using Wookmark filter.

[pankajk1018]

I am using wookmark filter effect in my wordpress site. I have uploaded some images to the wookmark galery but the images are not loaded in any browser including chrome. Please help. Have a look at it. http://www.sinaleipremium.com/ Thanks Pankaj

[pankajk1018]

I am using the following code in my custom.js file

(function (jQuery){

  jQuery('#tiles').imagesLoaded(function() {
    var options = {
      autoResize: true,
      container: jQuery('#main'), 
      offset: 35,
      itemWidth: 261, 
      fillEmptySpace: true
    };
  var handler = jQuery('#tiles li'),
        filters = jQuery('#filters li');

jQuery('#tiles').imagesLoaded(function() {

  handler.wookmark(options);
});

    /**
     * When a filter is clicked, toggle it's active state and refresh.
     */
    var onClickFilter = function(event) {
      var item = jQuery(event.currentTarget),
          activeFilters = [];

      if (!item.hasClass('active')) {
        filters.removeClass('active');
      }
      item.toggleClass('active');

      if (item.hasClass('active')) {
        activeFilters.push(item.data('filter'));
      }

      handler.wookmarkInstance.filter(activeFilters);
    }

    filters.click(onClickFilter);
  });
})(jQuery);

/* wookmark ends */

[darrensw]

If you mean the three image on the homepage, they work ok for me, I can see them

[Sebobo]

Looks fine to me too. Also Wookmark doesn't have anything to do with the images loading or not.

[pankajk1018]

hi darrensw Thank you for your quick response. No those three images are not a part of wookmark filtered gallery...They are right below it under heading "Sinalei Premium Villas Experience", Where you can find four tabs. I am attaching a screen shot. http://www.webpagescreenshot.info/img/533d1367a62da5-89208921 When inspecting element in chrome shows following error Uncaught ReferenceError: handler is not defined.

[Sebobo]

Why do you have the imagesLoaded inside the imagesLoaded? Also I see in the custom.js that you initialize wookmark at the end also. And at the end of your index file again.

[pankajk1018]

Hi Sebobo I tried some solutions found on stack exchange. http://stackoverflow.com/questions/15211057/wookmark-plugin-problems-with-overlapping-images/ But it didn't work. Ok i am removing all that things.

[pankajk1018]

Thank you so much Sebobo Removing all that things you mentioned worked for me. Thanks for the Great support. Regards Pankaj.