Hello, I made a website for sharing old family photos, using jAlbum and Tiger skin (Linen style). I manage the photos/captions/metadata in Lightroom, and use smart collections to publish the photos to folders for jAlbum to use.

This all works great, Tiger skin is really good, thanks so much for making this skin available.

Issues:

1. I'm using the Tiger skin Facebook commenting. This works, but the Facebook comments (black type) are barely visible over the dark background of the Tiger skin Linen style. Is there some way to change the colors of the Facebook comments to work on the dark background?

2. I'm also using Facebook "Like" button in Tiger skin. This does not work at all (in safari/edge/firefox on Mac). In Edge, it throws error: "Refused to display 'https://www.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny'." Safari gives same error but URL is 'https://www.facebook.com/plugins/like/connect'

Thanks!
Kevin

Thanks! Your update makes it look much better.

Question: the Facebook comments box is full width (which is good) when rendered in Edge or Firefox on Mac. However, in Safari on the Mac, the comments box is quite narrow (line break after around 20 characters). Any idea why it would display differently in Safari?

Thanks for the tip on the "X-Frame-Options" error with the Facebook 'Like' button. I don't use a server, the site uses AWS Cloudfront in front of an S3 bucket. It's possible to have Cloudfront manipulate the security headers; I'll investigate and take a stab at it.

Thanks,

Kevin

Edited by: kdoren on 31 Jul 2024, 01:45

How does it behave in Brave or Chrome? Safari uses the same engine, though the Apple boffins have a long reputation for doing their own misguided "improvements" to it.

Here is what I believe is going on:

Facebook commenting:
The code that handles the comment box (feedback.php) is downloaded from facebook. The file for safari is different than the file for webkit browsers. This likely explains the difference/bug in safari behavior.

Facebook "Like" button:
The code that handles the like button (like.php) is also downloaded from facebook.

If the user is not logged into facebook, the like button returns "x-frame-options" set to "Deny", and the "like" button will do nothing, with no error message to the user. The "Deny" is coming from facebook, so it's not something that can be fixed in cloudfront or jalbum server.

If the user is logged into Facebook, the "like" button works on Firefox (click to like, click again to unlike).

With Safari, if logged into facebook, the like button is buggy. It will throw the "x-frame-options set to deny" error after a few seconds, and the like button will disappear. But it does seem to actually register the like/unlike with facebook, because the changed state can be seen when the page is refreshed.

So my belief is that the bugs are in the php files that facebook pushes to safari. Not much you can do about that.

Thanks again for your help and the quick fix for the font color.

And a big "Thumbs Up" for jAlbum and Tiger Skin, really great stuff.

-Kevin