Posts:
1,894
Registered:
6-Sep-2005
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
10 Nov 23, 13:38
in response to: jrendant
|
|
|
|
|
|
The centering is so tricky because it behaves differently on small screens and the presence of the buttons also determines how the caption behaves. Here's my solution based on Jeff's:
Edit by JeffTucker: Code for the lightbox caption, custom CSS, and custom Javascript is in the attached file. The forum software mangles it!
Edited by: JeffTucker on 15 Nov 2023, 08:26
|
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
10 Nov 23, 14:07
in response to: Laza
|
|
|
I still get a little lost in the midst of a flex layout. Inline-block is tricky enough for me.  |
|
|
Posts:
1,894
Registered:
6-Sep-2005
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
10 Nov 23, 14:33
in response to: JeffTucker
|
|
|
|
Float and vertical align were made for the 90's, when images weren't larger than a letter. We had to hack these features for larger images and content blocks until after 2 decades HTML5 arrived. Sure, flex and grid layouts are hard to comprehend sometimes. I still can't remember when to use "justify-content", "justify-items", "align-content" and "align-items".
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
12 Nov 23, 15:34
in response to: JeffTucker
|
|
|
|
Thank you very much for the code.
I have copied and pasted the code from your response into the areas as described. The buttons do show up, but they do not change the picture to B&W and, therefore, not back to color.
I am using the preview button of jalbum after performing a force rebuild (shift F9) within the tool.
Your help is greatly appreciated.
Jim Rendant
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
12 Nov 23, 15:54
in response to: jrendant
|
|
|
|
I have tried both Chrome and Firefox. I assume that jalbum uses the default browser to display the preview album.
|
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
12 Nov 23, 16:05
in response to: jrendant
|
|
|
jAlbum uses its own integrated browser, unless you tell it otherwise, and it's completely unreliable. And you can't open a Tiger album by double-clicking its index.html file. Choose Tools > Preferences > Preview, and make it look like this:
 |
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
12 Nov 23, 20:54
in response to: JeffTucker
|
|
|
|
Laza's code doesn't work for me, either. No grayscale when clicking the button. My original code works.
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
13 Nov 23, 13:16
in response to: JeffTucker
|
|
|
|
The original code you put on the forum didn't work for me.
I checked my browser preferences and they are configured just like yours (by default).
|
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
13 Nov 23, 13:50
in response to: jrendant
|
|
|
|
This album was made with the code I posted:
(demo album removed)
Does it work?
Edited by: JeffTucker on 26 Nov 2023, 14:18
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
14 Nov 23, 03:36
in response to: JeffTucker
|
|
|
|
Yes that does work however the code for me does not.
You set the filter:grayscale(1) should it be 100?
|
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
14 Nov 23, 03:53
in response to: jrendant
|
|
|
|
If it doesn't work for you, that can only mean that you have entered the code incorrectly, or not in the correct places. Double-check where you're putting in the code, and don't try to type it in - just copy and paste from my post, above.
|
|
|
Posts:
1,894
Registered:
6-Sep-2005
|
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
14 Nov 23, 15:04
in response to: Laza
|
|
|
>
It's odd it didn't work for you.
Not odd at all. The code you posted above for the lightbox caption isn't the same as the code you actually used in the example album. 
The forum software mangles it. Refer to file attachments, below.
Edited by: JeffTucker on 15 Nov 2023, 08:28 |
|
|
Posts:
8,348
Registered:
31-Jan-2006
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
14 Nov 23, 15:25
in response to: JeffTucker
|
|
|
|
|
|
The forum software makes it almost impossible to post the correct lightbox caption template coding - it insists upon "interpreting" things, instead of displaying them in clear text.
Open the attached file in a simple text editor, then copy and paste from there.
|
|
|
Posts:
1,894
Registered:
6-Sep-2005
|
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
14 Nov 23, 16:26
in response to: JeffTucker
|
|
|
|
Oh, sorry, I was sure it was the final version.
|
|
|
|
Legend
|
|
Forum admins
|
|
Helpful Answer
|
|
Correct Answer
|
|
.png)
