This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 10 - Pages: 1 - Last Post: 8 May 26, 14:06 Last Post By: JeffTucker Threads: [ Previous | Next ]
ms7263

Posts: 7
Registered: 14-Oct-2014
tall images show neighbor images with reduced opacity
Posted: 7 May 26, 16:10
 
  Click to reply to this thread Reply
jAlbum Version 39.4.1 standard
Tiger Skin Version 8
In Lightbox, tall images show neighbor images with reduced opacity. Need to hide them.
Thanks.
JeffTucker

Posts: 8,330
Registered: 31-Jan-2006
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 16:42   in response to: ms7263 in response to: ms7263
 
  Click to reply to this thread Reply
I can't reproduce that with a test album - only the "current" image is shown. The page of thumbnails is still slightly visible behind the lightbox, which is by design, and that doesn't depend on the aspect ratio of the main image.

Please give us a link to an album that illustrates the problem you're seeing.
ms7263

Posts: 7
Registered: 14-Oct-2014
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 16:55   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks for your quick reply. My description was wrong.

The page of thumbnails is still slightly visible behind the lightbox.

For me this is visually very confusing. I would like to see ONLY the current image and a solid background. This allows concentrating on ONE image, nothing more.

Is there an option for hiding the thumbnails? Or can I use CSS code and which specific classes are related?

Thanks.
JeffTucker

Posts: 8,330
Registered: 31-Jan-2006
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 17:03   in response to: ms7263 in response to: ms7263
 
  Click to reply to this thread Reply
There's no setting for that, but happily, the custom CSS is easy. Go to Tiger > Advanced > Custom code > CSS, and enter:
.lightbox .lightbox-overlay {background-color: black;}
I prefer an "inky" lightbox, too, and default to that in my skins. :)
ms7263

Posts: 7
Registered: 14-Oct-2014
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 17:29   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Wonderful, that works, thanks a lot.

When I try color #3A3A3A instead of black, I can still see the page of thumbnails.

Is there a CSS to change the opacity of some classes so that I can use the regular gray background?

Thanks.
JeffTucker

Posts: 8,330
Registered: 31-Jan-2006
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 17:35   in response to: ms7263 in response to: ms7263
 
  Click to reply to this thread Reply
Attachment ss013586.jpg (322.5 KB)
When I do that, I get solid gray, with no "see-through." Screenshot. Double-check your syntax, and try refreshing your browser cache.
JeffTucker

Posts: 8,330
Registered: 31-Jan-2006
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 17:38   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
And be careful - those are curly braces around the attribute, not parentheses:
.lightbox .lightbox-overlay {background-color: #3A3A3A;}
ms7263

Posts: 7
Registered: 14-Oct-2014
Re: tall images show neighbor images with reduced opacity
Posted: 7 May 26, 17:46   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks a lot again. Now it works. Wonderful ...
Laza

Posts: 1,509
Registered: 6-Sep-2005
Re: tall images show neighbor images with reduced opacity
Posted: 8 May 26, 08:10   in response to: ms7263 in response to: ms7263
 
  Click to reply to this thread Reply
You can also control the lighbox background opacity through its color: Settings / Tiger / Lightbox / Background color. Click the color rectangle, and set "Transparency" to "0", or just change the default "#ee111111" to "#ff111111". (#ff...... means fully opaque)
ms7263

Posts: 7
Registered: 14-Oct-2014
Re: tall images show neighbor images with reduced opacity
Posted: 8 May 26, 10:54   in response to: Laza in response to: Laza
 
  Click to reply to this thread Reply
Wonderful, thanks.
Until now I did not know that the color rectangle is clickable...
JeffTucker

Posts: 8,330
Registered: 31-Jan-2006
Re: tall images show neighbor images with reduced opacity
Posted: 8 May 26, 14:06   in response to: Laza in response to: Laza
 
  Click to reply to this thread Reply
Attachment oksize.png (27.2 KB)
Attachment toosmall.png (16.0 KB)
Sorry I missed that fairly obvious setting! I was looking at the background color for the site, which is, of course, something else entirely.

Off-topic but related, a minor UI glitch - the text component of the color selector is too small on that panel. They're OK on the site panel. Screenshots.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums