Permlink Replies: 47 - Pages: 4 [ 1 2 3 4 | Next ] - Last Post: 22 Dec 23, 09:25 Last Post By: Laza
jrendant

Posts: 55
Registered: 16-Dec-2007
Mouse over effects on the Site options of the tiger SKIN
Posted: 5 Nov 23, 15:22
  Click to reply to this thread Reply
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?
JeffTucker

Posts: 8,082
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 in response to: jrendant
  Click to reply to this thread Reply
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.
Laza

Posts: 1,737
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 in response to: jrendant
  Click to reply to this thread Reply
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.
JeffTucker

Posts: 8,082
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 in response to: Laza
  Click to reply to this thread Reply
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.
jrendant

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 in response to: Laza
  Click to reply to this thread Reply
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.
JeffTucker

Posts: 8,082
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 in response to: jrendant
  Click to reply to this thread Reply
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.
JeffTucker

Posts: 8,082
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 in response to: JeffTucker
  Click to reply to this thread Reply
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. :)
JeffTucker

Posts: 8,082
Registered: 31-Jan-2006
Re: Mouse over effects on the Site options of the tiger SKIN
Posted: 6 Nov 23, 22:31   in response to: JeffTucker in response to: JeffTucker
  Click to reply to this thread Reply
Now with buttons instead of plain links! :)

ETA: And now with a smooth transition between B&W and color. And I haven't even started drinking yet! But it's coming up on 5:00 pm.... ;)
JeffTucker

Posts: 8,082
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 in response to: JeffTucker
  Click to reply to this thread Reply
Done in a more efficient way:

(demo album removed)

Edited by: JeffTucker on 26 Nov 2023, 14:17
jrendant

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 in response to: JeffTucker
  Click to reply to this thread Reply
Nice!

But I believe I did it via onmouseover(desaturate image)
JeffTucker

Posts: 8,082
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 in response to: jrendant
  Click to reply to this thread Reply
Yes, that's certainly another option. Just remember that on a touch device, like an iPad, there is no "hover."
jrendant

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 in response to: JeffTucker
  Click to reply to this thread Reply
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.
jrendant

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 in response to: JeffTucker
  Click to reply to this thread Reply
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
JeffTucker

Posts: 8,082
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 in response to: jrendant
  Click to reply to this thread Reply
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.
JeffTucker

Posts: 8,082
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 in response to: JeffTucker
  Click to reply to this thread Reply
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

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