Gallery thumbs no longer display?

436 Posts

Dan Reply #11, 10 years, 9 months ago

The missing images appear to be down to the thumbnail loading image you have /assets/templates/site/images/loading-thumb.gif which doesn't exist.

1,161 Posts

Photowebmax Reply #12, 10 years, 9 months ago

Ok, that fixes the thumbs in that they now appear. But they still show as one long vertical row instead of neat rows and columns? I have not changed any of the CSS I built for the page or the gallery...

436 Posts

Dan Reply #13, 10 years, 9 months ago

DemoGalItemThumb

<div class="[[+cls]]">
    <a href="[[+image]]" rel="colorbox" title="[[+description]]">
        <img src="[[+thumbnail]]" class="[[+imgCls]]" alt="[[+name]]" width="80" height="80"/>
    </a>
  [[+name]]
</div>

The vertical formatting is probably down to your css. I'll have a look through it.

1,161 Posts

Photowebmax Reply #14, 10 years, 9 months ago

I think I got it:

Inside my CSS file I had a class for .gal-item. I think the new version of Gallery generates .gal-item-active. I made the changes to my CSS and the thumbs are back in nice rows again!

Check it out now: http://seattlerealestatephotography.com/portfolio.html

Thanks so much!!!

Can I buy you a beer?

Max

436 Posts

Dan Reply #15, 10 years, 9 months ago

Glad you got it working. I was just about to reply that your page seems to be calling the style gal-item-active which doesn't exist is the style sheet.

1,161 Posts

Photowebmax Reply #16, 10 years ago

Well,

After updating the Gallery snippet I am having issues once again.

Once the thumbnails are finished loading the entire page of thumbnails revert from the thumbs images and display the loading gif icon instead...

I am trying to figure this out but it eludes me...

1,161 Posts

Photowebmax Reply #17, 10 years ago

This is frustrating to be back fighting this...

Looking at the code generated by the page the thumbs look like this:

<img src="assets/templates/seattlerealphoto/images/loading-thumb.gif" class="" alt="" width="80" height="80">
    </a>/code]

Every thumb produces the same link to the loading gif. 

On another site that I have using the same system that works correctly (with older version of Gallery snippet) the generated thumb code looks like this:
<img class="" src="/assets/components/gallery/connector.php?action=web/phpthumb&w=80&h=80&zc=1&far=C&q=90&src=%2Fassets%2Fcomponents%2Fgallery%2Ffiles%2F1%2F209.jpg" alt="" width="80" height="80" style="display: inline;">

    </a>

Like I mentioned when you open the page you can the page loading the thumbs correctly. But once all the thumbs have loaded they all instantly revert to displaying the loading gif instead of the thumbs. Removing the loading gif from the server just creates generic missing image icons instead of the thumbs... ???

4 Posts

TWWO Reply #18, 9 years, 11 months ago

On my sites I do have exactly the same problem. Did you fix it?

Maybe it would be nice to post the solution overhere, so other people with the same problem could use it.

1,161 Posts

Photowebmax Reply #19, 9 years, 11 months ago

I did fix this but I am sad to say I cant recall exactly what I did. I think I updated the jquery and the ColorBox script and then observed what markup the system was putting out. I think I had to adjust the gallery call and my CSS classes to get it to work...