Results 1 to 3 of 3

Thread: Need sone help with iqery plugin - Please !

  1. #1
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Question Need sone help with iqery plugin - Please !

    Hi.
    I'm using this plugin for a responsive fullscreen isotope portfolio gallery:
    Code:
    jQuery(document).ready(function () {
        (function ($) {
    
    
            var container = $('.gallery-isotope');
    
    
            function getNumbColumns() {
                var winWidth = $(window).width(),
                    columnNumb = 1;
    
    
                if (winWidth > 1500) {
                    columnNumb = 6;
                } else if (winWidth > 1200) {
                    columnNumb = 5;
                } else if (winWidth > 900) {
                    columnNumb = 4;
                } else if (winWidth > 600) {
                    columnNumb = 3;
                } else if (winWidth > 300) {
                    columnNumb = 2;
                }
    
                return columnNumb;
            }
    
    
            function setColumnWidth() {
                var winWidth = $(window).width(),
                    columnNumb = getNumbColumns(),
                    postWidth = Math.floor(winWidth / columnNumb);
    
            }
    
            $('#portfolio-filter #filter a').click(function () {
                var selector = $(this).attr('data-filter');
    
                $(this).parent().parent().find('a').removeClass('current');
                $(this).addClass('current');
    
                container.isotope({
                    filter: selector
                });
    
                setTimeout(function () {
                    reArrangeProjects();
                }, 300);
    
    
                return false;
            });
    
            function reArrangeProjects() {
                setColumnWidth();
                container.isotope('reLayout');
            }
    
    
            container.imagesLoaded(function () {
                setColumnWidth();
    
    
                container.isotope({
                    itemSelector: '.box',
                    layoutMode: 'masonry',
                    resizable: false
                });
            });
    
    
    
    
            $(window).on('debouncedresize', function () {
                reArrangeProjects();
    
            });
    
    
        })(jQuery);
    });
    The problem is that if I use the following at the beginning of the script:
    Code:
    var container = $('.gallery-isotope');
    Filtering works, but it won't go fullscreen.

    If I use:
    Code:
    var $container = $('.gallery-isotope');
    It goes fullscreen, but the filtering doesn't work any more.
    Hopefully someone here can point out what the problem is.
    Thanks in advance for any help
    Last edited by Cheng; 02-13-2014 at 07:13 AM.
    Cheng

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    Do you have a live code example?
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  3. #3
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    ....... no I don't, but while I was creating a stripped down version for a jsfiddle for you to have a look at, I found the error.
    To make a long story short, there was a conflict in one of the css files.
    There was an entry with: [ margin: 0; ]
    That was causing the conflict, but it's fixed now.
    Anyway, thanks for your reply .......
    Cheng

Similar Threads

  1. Login plugin
    By keyboard in forum Other
    Replies: 3
    Last Post: 08-08-2012, 05:45 AM
  2. Resolved Help With jQuery Plugin
    By gilgimech in forum JavaScript
    Replies: 2
    Last Post: 05-10-2012, 05:10 AM
  3. call the plugin?
    By peanutville in forum JavaScript
    Replies: 1
    Last Post: 06-02-2010, 01:54 PM
  4. need divx plugin
    By auriaks in forum Computer hardware and software
    Replies: 4
    Last Post: 02-22-2010, 03:28 PM
  5. PLZ help - Wordpress plugin
    By queerfm in forum PHP
    Replies: 3
    Last Post: 08-05-2009, 12:52 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •