Hi all!
How is this achieved - http://www.realistichdrbook.com/hdr-before-and-after/
One can move your cursor anywhere on the image then click and the top slider image expands or contracts to the cursor. -
and is it achievable in Freeway?
Thanks,
Bryan
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I have no idea, but the photography on that website is incredible.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Pretty sure, that this is to achieve with Walter’s ScriptyFader Action. I haven’t tested this yet (cause unfortunately it doesn’t work with inline constructions, is this statement correct walter?) but it should work as a charm on the regular based layered workflow within Freeway:
http://scripty.walterdavisstudio.com/fader/portraits.html
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
One can move your cursor anywhere on the image then click and the top slider image expands or contracts to the cursor.
Can you explain what you are seeing that I am not - to me it is just a series of fading images AKA Fading Slideshow/ScriptyFader
Example of ScriptyFader http://www.deltadesign.co/fw_examples/scriptyfader.html.
I am not seeing expansion/contraction. What browser are you viewing with?
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
ahhh - I see, there appears a handle in the mid of each HDR Image that allows you to drag an overlay to the left/right (before and after). Must admit I never saw this before and having no idea but a pretty nice effect.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
To be honest I only looked at the top fading images - I didn’t go down the page to see the before/after section at all.
Looks like a bucketload of jQuery scripting namely Draggable Widget | jQuery UI API Documentation
It is achievable in FW but quite a lot of work and hand coding.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi David,
Scroll down the page and there are five different HDR images.
Each image is split to show the before and after effect with a handle in the middle that can be pulled either way to expand/contract the effect. You can also expand/contract using the cursor to click on a vertical point in the image.
Bryan
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Posts crossing!
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
ok thanks
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Well Bryan - it wasn’t that difficult once I had the necessary tools http://www.deltadesign.co/fw_examples/jquery-before-af.html
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Very nice!
Did it require a significant amount of hand coding?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
No - follow the link to the instructions/download.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
thanks
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Just follow the instructions you say! I think I’m getting a headache. 
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you would like a sample FW file you can dissect then let me know your email address and your version of FW and I will send you one.
Remember that if you post your email address to the FWT site your email address will be obfuscated.
Instead use the format yourname (at) yoursite.com or add your email to your People page where only registered users can see it.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
OK - I have updated the example page with a link to download a FW5.5 Pro document bundled with the necessary Javascript files/images.
http://www.deltadesign.co/fw_examples/jquery-before-af.html
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
That’s perfect!
Thanks David - greatly appreciated.
Bryan
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Share with us once you have something online.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
will do
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Dave, that is way cool! Great job!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options