|
Replies:
47
-
Pages:
4
[
1
2
3
4
| Next
]
-
Last Post:
22 Dec 23, 09:25
Last Post By: Laza
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
Mouse over effects on the Site options of the tiger SKIN
Posted:
5 Nov 23, 15:22
|
|
|
I think the black and white to color should be the exact opposite color to black and white. I find most people associate more with color than black and white. I do, however, wish people to take a look at the image in B&W.
I had created a code snippet with another skin but have not found the skin anymore. I am also trying to get away from custom code so that I can focus more on image preparation.
Is it possible to add "Color to B&W" as an option to the "Mouseover Effect" drop-down menu?
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 01:11
in response to: jrendant
|
|
|
I'd vote for that, too. A page of B&W thumbnails is fine if you're presenting an album of B&W images, but for color photos, I'd rather have a page of color thumbnails that go grayscale when you mouseover them. In fact, most of my skins offer that option, rather than the other way around.
|
|
|
Posts:
1,826
Registered:
6-Sep-2005
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 11:05
in response to: jrendant
|
|
|
I don't see the point why moving the mouse over a thumbnail that turns black and white would be intriguing. Those who like the thumbs in color, I believe should pick another mouse over effect, e.g. zoom.
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 11:37
in response to: Laza
|
|
|
And I think that a page of gray thumbnails is boring.
Along with zooming and border shifts, they’re all just ways of indicating which thumbnail your mouse is hovering over, not an inducement to click.
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 19:26
in response to: Laza
|
|
|
I am not looking at it as intriguing but as a practical way for the potential buyer to see it as a B&W image.
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 21:10
in response to: jrendant
|
|
|
Interesting use case!
For that, it would be nice if you could make the large slide image switch from color to grayscale. That would take some pretty fancy Javascript, if it weren't built into the skin.
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 21:26
in response to: JeffTucker
|
|
|
Sometimes I love a challenge. I'd want to "pretty up" the captions, and put some timed transitions on the color change, but you get the idea. Normal thumbnails - the fun is on the slide images.
(demo replaced - see below)
ETA: Because this was quickly slapped together, the switch sort of "ripples back" to the thumbnails. With a little more effort, I could fix that.
ETA: Fixed that aspect of it.
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
6 Nov 23, 23:51
in response to: JeffTucker
|
|
|
Done in a more efficient way:
(demo album removed)
Edited by: JeffTucker on 26 Nov 2023, 14:17
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
8 Nov 23, 23:58
in response to: JeffTucker
|
|
|
Nice!
But I believe I did it via onmouseover(desaturate image)
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
9 Nov 23, 00:19
in response to: jrendant
|
|
|
Yes, that's certainly another option. Just remember that on a touch device, like an iPad, there is no "hover."
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
9 Nov 23, 14:20
in response to: JeffTucker
|
|
|
Thank you for pointing that out. That is not something I would have considered. I am really not an Apple guy. I like apples sauteed in butter and Brandy. But I do have an IPAD.
|
|
|
Posts:
55
Registered:
16-Dec-2007
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
9 Nov 23, 14:24
in response to: JeffTucker
|
|
|
How much code is behind the buttons? Can I change the shape of the to a pill shape? Can I center them under the lightbox? Where can I view the code?
Where are you located, my friend?
Edited by: jrendant on 9 Nov 2023, 07:25
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
9 Nov 23, 15:33
in response to: jrendant
|
|
|
The code is actually fairly minimal. Three pieces to the puzzle. First, plant the button code in the lightbox caption. Go to each of these sections:
Tiger > Lightbox > Caption > Caption template
Tiger > Advanced > Custom code > CSS
Tiger > Advanced > Custom code > Javascript
Enter the code from the attached file.
Edited by: JeffTucker on 15 Nov 2023, 08:23, to avoid having the forum software screw up the coding!
Edited by: JeffTucker on 26 Nov 2023, 14:17, to remove obsolete attachment.
|
|
|
Posts:
8,216
Registered:
31-Jan-2006
|
|
|
Re: Mouse over effects on the Site options of the tiger SKIN
Posted:
9 Nov 23, 15:36
in response to: JeffTucker
|
|
|
Centering is another matter entirely. The Tiger lightbox caption simply isn't centered, and our new buttons are part of the caption. Skin-added buttons are on the right, and user-entered caption material is on the left. The CSS is sufficiently tangled so that forcing it to center is tricky, if it's possible at all.
Perhaps Laza will have some ideas.
|
|
|
|
Legend
|
|
Forum admins
|
|
Helpful Answer
|
|
Correct Answer
|
|