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


Permlink Replies: 11 - Pages: 1 - Last Post: 6 Feb 21, 05:06 Last Post By: al-j Threads: [ Previous | Next ]
al-j

Posts: 61
Registered: 28-May-2012
Thumbnail Strip Display
Posted: 5 Feb 21, 20:40
 
  Click to reply to this thread Reply
Good day all

How can I change the thumbnail strip to full color rather than the faded look it now displays?

Thanx
Al-J
JeffTucker

Posts: 7,982
Registered: 31-Jan-2006
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 20:46   in response to: al-j in response to: al-j
 
  Click to reply to this thread Reply
Head for Projector > Advanced > Custom code > CSS and enter:
#main > .cont .thumbnails .clip .thumb-cont .thumb img {opacity: 1.0; filter: none;}
JeffTucker

Posts: 7,982
Registered: 31-Jan-2006
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 21:02   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
And if you still want the inactive thumbnails to be dimmer, but full color, leave out the opacity: 1.0;, or change the value, like to 0.7 (the skin default is 0.4). For example:
#main > .cont .thumbnails .clip .thumb-cont .thumb img {opacity: 0.7; filter: none;}
al-j

Posts: 61
Registered: 28-May-2012
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 22:06   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks for your reply. I tried (copy & paste) both solutions you posted - neither worked. :(

Al-J :)

Edited by: al-j on 05-Feb-2021 13:07

Edited by: al-j on 05-Feb-2021 13:08
JeffTucker

Posts: 7,982
Registered: 31-Jan-2006
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 22:14   in response to: al-j in response to: al-j
 
  Click to reply to this thread Reply
I fully tested both solutions. After pasting in the code, make sure you're not telling jAlbum to process only updated subdirectories, make the album, and do a local preview. You must refresh the browser cache while viewing the album - hit CTRL-F5.

ETA: If you're still having problems, upload the album somewhere, and give me a link to it.
al-j

Posts: 61
Registered: 28-May-2012
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 23:00   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks for your patience. Here is a link to a partial album

https://al-j.net/JeffT/
JeffTucker

Posts: 7,982
Registered: 31-Jan-2006
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 23:16   in response to: al-j in response to: al-j
 
  Click to reply to this thread Reply
Hmmm... It works fine in a test album of my own, even when I copy your settings. But, when in doubt, try just forcing the issue:
#main > .cont .thumbnails .clip .thumb-cont .thumb img {
	opacity: 1.0 !important; filter: none !important;
}
al-j

Posts: 61
Registered: 28-May-2012
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 23:32   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Still can't get it to work, but thank you for your help - The problem is obviously somewhere on my end, but I'm not going to lose any sleep over it.

Al-J
JeffTucker

Posts: 7,982
Registered: 31-Jan-2006
Re: Thumbnail Strip Display
Posted: 5 Feb 21, 23:41   in response to: al-j in response to: al-j
 
  Click to reply to this thread Reply
I'm just not seeing the custom CSS in the common.css file in the album that's currently online. It should be present in the last 20 lines or so of that file.

That suggests that it's not being generated, or not being uploaded. It's pretty much impossible not to generate the common.css file, as long as you hit Make Album. But uploading is another matter, of course. Make sure you're uploading the res folder of the output.
al-j

Posts: 61
Registered: 28-May-2012
Re: Thumbnail Strip Display
Posted: 6 Feb 21, 00:13   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
The problem starts before the upload. Every thing in the CSS modification text box works fine except the filmstrip code. There has to be a problem with my copy/pasting but I can't find it.

I have a WordPress album up and running, so there is no urgency involved. I just wanted to get back to JAlbum because it's much easier and simple.

Al-J
RobM

Posts: 3,796
Registered: 4-Aug-2006
Re: Thumbnail Strip Display
Posted: 6 Feb 21, 00:54   in response to: al-j in response to: al-j
 
  Click to reply to this thread Reply
Maybe try checking your project file in a text editor to ensure the code is correctly entered and saved, the code can be found in the line starting with 'skin.cssHook='. It should include the line Jeff gave you.
al-j

Posts: 61
Registered: 28-May-2012
Re: Thumbnail Strip Display - Solved
Posted: 6 Feb 21, 04:59   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
I do not know what the problem is, but when I went to the "Sample Album" and changed the skin to Projector, then inserted the CSS code you supplied, everything worked fine. I will just simply start over with a new and fresh album.

Thank you so much for your help

Now if I can get the %#*&@!?. insert blank page to work for me, I'll be fine :)

Al-J

Edited by: al-j on 05-Feb-2021 20:03
Legend
Forum admins
Helpful Answer
Correct Answer

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