Effective Slider

[Acorn]

Acorn - How do I turn off the text under the images?

Gary, there will come a time when you'll have to start reading code.

Change

$('#container').beforeAfter({});

to

$('#container').beforeAfter({ showFullLinks : false });

I've shown the braces in the empty position as so many don't understand their purpose and try to add back parameters without them.

Acorn

[gwpriester]

Gary, there will come a time when you'll have to start reading code.

Probably not going to be in this lifetime, how-some-ever.

And thanks for that.

[Boy]

... there will be adjustments, if TGers see a need.
Acorn

Thanks for this before-after widget but it would be nice to have visual clues (as on the examples you linked to) as to what a user could do with the image when he mouses over it.

[Acorn]

This is resulting in the image being blurry.

angelize, they are blurry as I make the originals too small. Just increase their sizes and hide behind the widget.
Acorn

[zaphodeist]

Another before/after slider [from 2012 but should still work]

http://www.totalpcss.com/xug/before-and-after-widget/

[Acorn]

Another before/after slider [from 2012 but should still work]
http://www.totalpcss.com/xug/before-and-after-widget/

Yes it still looks good.

Here is my revised Slider: jQuery - Before-After Line Slider.web
It now has the before and after images with Names of before and after and the images are presented as before.jpg and after.jpg and each is on its own layer (before and after).
The images are hidden from view using a special link, popup: close "before", "after". The images can then be any size you choose.
The slider also scales nicely.

Acorn

[roly]

Thank you Gary, Acorn and John for sharing.

Ciao

Roly

[Boy]

Thanks Acorn, nice slider. Sledger's slider is still a very good option. Thanks for making this one available, John. Happy to see that his vault with tutorials is still accessible.

[XM_Ben]

Hi Guys,

Just launched and you may be interested in this : http://www.xaramarketplace.com/templates/comparison.htm

It's a Before and After comparison Widget

Thanks XM_ben

[Acorn]

Hi Guys,
Just launched and you may be interested in this : http://www.xaramarketplace.com/templates/comparison.htm
It's a Before and After comparison Widget
Thanks XM_ben

ben, I suggest you do not promote your offerings without engaging first in the Thread. Thereafter you should describe why people should choose a commercial solution. You will be blanked very quickly if you come on saying Buy Me. We are users of a tool that allows self-design and TG is a self-help organisation.

Acorn