Effective Slider

[gwpriester]

This is a before and after article about some really excellent digital photographic manipulation. The slider device used to show the before and after is incredible. http://graphics.wsj.com/documents/ws...=PHOTOSHOP0812

[angelize]

Nice! simple and clean. I like the photo too. Now something like this that you could drop on your page and drop in your photo which would create 2 copies aligned on top of each other, you edit the top copy and when you upload your website the slider would be moveable would be a useful addition to Designer Pro.

[Acorn]

Try this: jQuery - Before-After Slider.web

Almost a straight implementation of http://www.catchmyfame.com/catchmyfa...eafter-plugin/.

Acorn

[angelize]

Doesnt quite work Acorn but then I only tried it in Xara's internal preview. I was able to drop my photo onto the place holder and edit it but only that one instance of my photo was there I still had the stock filler photos in the before and in the top smaller spots.

Edit: Ok mostly it's me sorry! But the large image is not being rendered at full resolution. This is resulting in the image being blurry.

[Big Frank]

be better if both photos were aligned

[Acorn]

Doesn't work particularly well in the internal viewer but it does work.
It is balanced, aligned and fine in all five major browsers. The end point handle drag is showing about 5px of each image. This may be a feature but adding some padding would overcome this.

It is displaying its the most basic rendering.

The !images Layer is there to drop your images onto.
What the Placeholder does not do is set the proportions of your images.
Both images must be of the same dimensions.

It took me 30 minutes to produce so there will be adjustments, if TGers see a need.

Acorn

[Big Frank]

i meant the link from the op

[gwpriester]

Excellent Acorn. BF Picky picky picky.

[Acorn]

i meant the link from the op

Sorry Big Frank, I had already taken on board that the critique of the work Gary linked to also included the cropping of the image as "doctored".
Acorn

[gwpriester]

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