Flickr - Some thumbnails can't be previewed about photoshow HOT 27 OPEN

4 - the mini-thumbnails, another Flickr thumbnail which not work,
or Preview just one shot and after nothing ,
or preview always the same shot when i want preview another shot...

That the mini-thumbnails in the Photo page under the Photo.
Example:
https://www.flickr.com/photos/186574538@N05/51571111279/in/pool-portrait_face|186574538@N05

from photoshow.

Hi, thanks again for your feedback.

The 1st (square view) and the 4th (mini-thumbnails) issues can be solved and will be fixed by the next PhotoShow update. However, I didn't manage to figure out what other issues are referring to. What is the "buddy icon" please? It would be helpful if you could attach some screenshots. Thanks.

from photoshow.

Thanks for your attention
:-)

Some screenshots:

- About "2 - Problem on the User Contact/ Follow page."
Test Link:
https://www.flickr.com/people/140625004@N05/contacts/

A - PhotoShow preview the arrow near the buddy icon (top / right)
Pb for unwanted preview of some interface element.

Here for Arrow near Avatar :

B - But don't preview thumbnails provided by the userscript "Flickr Buddy Interesting"

Here the HTML of the popup:

• About "3 - How to not preview Buddy icons on Flickr ?":
  Here for Buddy icon /Avatar (in all the site):
  

from photoshow.

Maybe it can help...
From an Discussion in the pool "Flickr Hacks":
Find the original poster of a link like https://live.staticflickr.com/XXXXXXXXX-z.jpg [In Flickr Hacks]

Flickr can serve the same images in 3 different format:
farm3.static.flickr.com/2085/2177060015_258bcfaff9_m.jpg
farm3.staticflickr.com/2085/2177060015_258bcfaff9_m.jpg
live.staticflickr.com/2085/2177060015_258bcfaff9_m.jpg

from photoshow.

I do some test with CSS to hide certain unwanted preview image.

Here my code:

/* ==== 00 - PhotoShow Adaptation - FlickR ==== */

/* ALL - SUPP */

/* BUDDY ARROW /
#photoShowViewer img[src="personmenu_down_"] ,

/* BUDDY ICON /
#photoShowViewer img[src="/buddyicons/"] ,

/* POOL - PHOTO COVER /
#photoShowViewer img[src="/coverphoto/"] ,

/* GM BASE64 - Scroll to to Bottom by Midpoint /
#photoShowViewer img[src="data:image/png;base64,iVBORw0KGg"] {
display: none !important;
}

/* ALL - VIEWER TRANSPARENT */
#photoShowViewer {
-webkit-backdrop-filter: unset !important;
backdrop-filter: unset !important;
background: transparent !important;
border: none !important;
border-radius: 1px;
box-shadow: none !important;
box-sizing: border-box;
}
#photoShowViewer .photoshow-viewer-shadow {
background: transparent !important;
clip-path: unset !important;
}

Not perfect but work:
When i "display: none;" these images,
i need to make the viewer transparent,
because i see its background and shadows with no image in it.

Another thing i notice:
the option "copy address of the HD image" in the right click context menu seems not working...

from photoshow.

Better luck with the CSS selector :has()...
i can delete the Preview box of unwanted images preview, without affecting the other.

Little Problem:
:has() is not supported by older browser.

Here the test:

/* ==== 00 - PhotoShow Adaptation :has()- FlickR ==== */

/* ALL - SUPP VIEWER FOR CERTAIN IMAGES */

/* BUDDY /
#photoShowViewer:has(img[src="/buddyicons/"]) ,

/* BUDDY ARROW /
#photoShowViewer:has(img[src="personmenu_down_"]) ,

/* POLL - PHOTO COVER /
#photoShowViewer:has(img[src="/coverphoto/"]) ,

/* GM BASE64 - Scroll to to Bottom by Midpoint /
#photoShowViewer:has([src="data:image/png;base64,iVBORw0KGg"]) {
display: none !important;
}

from photoshow.

Thanks for all the further attachments. I have made the following updates to PhotoShow in version 4.33.0.

1. For Issue 2A:
Unfortunately, there's no easy way to solve this issue in PhotoShow at the moment. Additionally, it's a bad practice for Flickr to use an img element as a button which breaks the HTML semantics requirement.

2. For Issue 2B:
PhotoShow managed to start working on this "Flickr Buddy Interesting" image list, however, the HD images it provides here are not the largest ones as what can be done on other Flickr pages due to the lack of a key data on this page.

3. For Issue 3:
Enlarging user profile images can be a need for other users thus PhotoShow will not stop working for them on Flickr.

Cheers.

from photoshow.

Whouaa: work fine for Flickr now!

Mini Thumbnail in Photo page and in popup of GM "Buddy interesting" in User Contact/ Follow page
are available now.

I appreciate a lot your fast update,
and the design and simplicity of your addon
Thanks :-)

About Issues 2A + 2B:

"Buddy avatar"
AND
"Arrow near the buddy icon":
I understand and my workaround with CSS :has() work for me.

Request:

I need :has selector because i can't distinguish your popup directly:
i need to select it if it has a particular image inside.

If your preview popup should have a ref to the image inside, it should be possible to select it directly.

Maybe it can be useful if you add a context menu to dismiss certain images?
I should be more easy... if your context menu "copy link image HD" work ;-)

from photoshow.

PhotoShow has a stable DOM structure for its popup, you can select the image inside it simply with a CSS selector like #photoShowViewer img.

Allowing custom passing-by rules requires a lot effort. PhotoShow is avoiding introducing complex new features at the moment since it's being refactored due to a request for chrome extension iteration.

The contextmenu item Copy HD image address works well for me, if you have problem with it, please open a new issue and attach more details, thanks.

from photoshow.

For the "Copy HD link":

You are right, it's another extension which cause this problem.
I send a request to its dev:
Flickr Fixr - Multifeature browser extension for Flickr users

For "Allowing custom passing-by rules requires a lot effort":

I understand and i am the first which want to keep you extension simple to use
:-)
I have notice the '#photoShowViewer img":
As i said before, this css selector is not be able to hide the whole popup for unwanted preview of particular image.
When i hide just the image inside, the style of the popup remain visible (background / border / etc...)

That's because actually i need :has(), which is able to select the whole popup IF a particular image is inside it (and i can hide it).

If you add to the Popup an attribute which have the ref to this image, i can hide the popup without use :has() (only available for new browser).
Anyway, that's not very crucial, your addon work fine without it.

from photoshow.

Based on the current implementation of PhotoShow, it's a bit complicated to add such an attribute to the popup. I'll reopen this issue for future reference and PhotoShow will likely allow users to customize blocking rules in its future versions.

from photoshow.

wait and see...
;-)

from photoshow.