[Plugin: jQuery Collapse-O-Matic] Images load while expanded then collapse

  • deez

    (@devonscalisi)


    12 years, 9 months ago

    On my portfolio Web site, I’m using this very awesome and unbloated plugin (great work) to reveal resume work. I just started fleshing out this page last night. Forgive the rest of the site, all of the images / content are placeholders. I’ve never seen an artist’s resume utilized this way, with this sort of functionality, and I think it really has a benefit to it.

    The theme I’m using has an image filter on it that you’ll see when you visit the page, but you might also notice that as the images load, the collapse-o-matic is expanded revealing them all, before the images are fully loaded.

    While I know my Web site is semi-complicated, I have to imagine there are more bloated Web sites than mine trying to utilize similar technology, with similar results.

    My question: is it normal for hidden images to load expanded at first? Is the page content too much?

    I love this plugin. It’s streamlined, and exactly what I was looking for. Is there anyway to hide the loading process of the images?

    Link: https://bit.ly/KEknco

    https://www.ads-software.com/extend/plugins/jquery-collapse-o-matic/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Baden

    (@baden03)

    devon: the plugin defaults to expanded, and then, once the page loads, uses javascript to collapse them. this allows for search engines to index your collapsed content, as spiders and robots don’t trigger the javascript. cool so far? good. now, your fancy-pants image filter (also being called when the page loads) is firing BEFORE the collapse… causing the delay, etc.

    what is the name of the filter/plugin/script you are using on your photos?

    Thread Starter deez

    (@devonscalisi)

    Crap. I’m not sure what the filter/script is. It’s a part of the theme I’m using. If there is anyway I can figure that out for you, I would be happy to. Just let me know how I might locate it. I can also refer you to the theme’s page located here: https://bit.ly/xKP4u7

    However, I did insert images into the resume page not utilizing the fancy-pants image filter, and it has similar results. I’ve done that for you now if you have the ability to check it out. Same issue still.

    Is there any way to change the default expanded feature on load? I’m not entirely concerned about search engines indexing my collapsed content. BUT, if there is another way to figure this out, I’m all for it.

    Again, this plugin rocks my face off. Your help is greatly appreciated (and timely help at that!)

    Best,
    D

    Thread Starter deez

    (@devonscalisi)

    Ah, I get what you’re saying better now, after second thought; the script is firing for the entire site before the collapse of the plugin. Hmmmm. Not sure how to go about rectifying this or identifying the properties, image filter/script.

    But I’m definitely interested to figure it out, or whatever I might do to assist in fixing this.

    Plugin Author Baden

    (@baden03)

    One ‘hidden’ method is to wrap your expand elements in the following div:

    <div class="content_collapse_wrapper">
    [expand]...[/expand]
</div>

    keep in mind, this will make everything in the div HIDDEN until the page fully loads, and if there is javascript enabled, it will display the expand elements (in there collapsed state).

    Good luck!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: jQuery Collapse-O-Matic] Images load while expanded then collapse’ is closed to new replies.

Tags