gmsiegel

+1

+1

@sayontan That’s fantastic that you were able to code that. Unfortunately, since we last chatted, Flickr announced a huge change in their photo hosting plans. Their free tier is now limited to 1,000 photos and I’m not willing to pay for their pay tier. I reworked things and now have a solution of self-hosted photos. Thank you for your persistence with this though. Very much appreciated.

@averta_support – Thank you for this info. I had to add a comma between the 2 classes to get this to work, but it’s good now. Thanks again.

.master-slider-parent, .homepage-slider img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

Nevermind- I have this sorted out now. I was FTP-ing files into subfolders of the Sunshine directory since that’s how I’m organizing the galleries. But it looks like the plug-in only sees folders at the top level of the Sunshine directory.

@averta_support I read that documentation, and the styling I included in my post above is in the Slider custom styles section. However, I’m not understanding the documentation or your post about how to apply this CSS to one slider only. This is the CSS I’m using:

.master-slider-parent img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

How do I apply this to a single slider only? Thank you.

@sayontan I saw a plugin called Justified Image Grid which claims to handle Flickr collections and nested/sub-collections. Are you familiar with this? Do you know if that one loads items in parallel like you mentioned?

I like the idea of making this an optional feature. Do you think this is something you’ll implement?

Thanks in advance.

@averta_support How do I define a specific classname for my slider? Thank you.

If you’d like me to help test the parallel calls option, I’d be happy to. Thanks very much for a great plug-in.

Is there any way to use a ‘tag’ to load the Flickr Albums instead of loading a Collection? I see that each Album has a Description text box, in addition to the Title. If this contained certain text (i.e., ‘football’), would you be able to read that and load all albums matching that text?

I tried this (see https://www.localgeek.us/footballtest).

It does load the albums faster- about 5 secs vs 15 secs using the old method. However, I’m not sure if having to click the “+” sign will be user-friendly for visitors. Is there any way to invoke an auto-load? Is that the code change you’re hesitant to use?

I’m not sure if that would help. I have a page called ‘Sports’ (www.localgeek.us/sports) which displays the collections, but they’re not coming from Flickr- they’re just image links which then open the single collection pages (i.e., Basketball, Football, etc).

The issue I’m having is loading those single collection pages containing several albums.

Unfortunately, I can’t explicitly select which albums I want to show because there are too many of them, and not having it load dynamically would defeat the purpose of my use for this.

I do have the most up-to-date version of the plug-in, but I think I came across the ‘lazy’ switch in a forum post and thought I’d give it a try.

It doesn’t sound like there are any fixes/workarounds to load the albums in the collection dynamically without it being slow. That’s a bummer…

I turned on performance logging.

I’m using both Flickr Collections and Flickr Albums, depending on the page (so I use either collection_id or photoset_id)

For the Football page (https://www.grayphoto.us/football/) it should be using Collections. Here’s the shortcode for that page:
[gallery type='flickr' user_id='MYUSERID' collection_id='blahblahblah' collections_display='lazy']

For other pages, it only uses 1 Flickr Album, so that code would look like this:
[gallery type='flickr' user_id='MYUSERID' photoset_id='blahblahblah' collections_display='lazy']

• This reply was modified 6 years, 1 month ago by gmsiegel.
• This reply was modified 6 years, 1 month ago by gmsiegel.
• This reply was modified 6 years, 1 month ago by gmsiegel.

I actually think I solved this:

.master-slider-parent img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}