before / after pictures

Good morning,

I would like some feedback… I am doing a landscaping website and they have 3 sets of before and after pictures we would like to display.

What do you think is the best way to do before and after pictures?

Thank you for your thoughts…

Julie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 24 Jul 2012, at 16:11, Julie Maxwell wrote:

What do you think is the best way to do before and after pictures?

Side by side?

best wishes,

Paul Bradforth

Holiday in wonderful Cornwall:
http://www.stoneybeckcottage.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thats what I was thinking.

What actions? Or should I put the pictures together in pixelmator and make one big pix?

Thank you

On Jul 24, 2012, at 11:16 AM, Paul Bradforth wrote:

On 24 Jul 2012, at 16:11, Julie Maxwell wrote:

What do you think is the best way to do before and after pictures?

Side by side?

best wishes,

Paul Bradforth

Holiday in wonderful Cornwall:
http://www.stoneybeckcottage.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 24 Jul 2012, at 16:25, Julie Maxwell wrote:

Thats what I was thinking.

What actions? Or should I put the pictures together in pixelmator and make one big pix?

Why not keep it simple and just place them, individually, side by side? Not that there’s anything wrong with making a composite picture in Pixelmater, of course.

best wishes,

Paul Bradforth

Holiday in wonderful Cornwall:
http://www.stoneybeckcottage.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK, there are 3 groups of before and after - have all 3 on the page that way? or would that be too much space taking?

On Jul 25, 2012, at 7:09 AM, Paul Bradforth wrote:

On 24 Jul 2012, at 16:25, Julie Maxwell wrote:

Thats what I was thinking.

What actions? Or should I put the pictures together in pixelmator and make one big pix?

Why not keep it simple and just place them, individually, side by side? Not that there’s anything wrong with making a composite picture in Pixelmater, of course.

best wishes,

Paul Bradforth

Holiday in wonderful Cornwall:
http://www.stoneybeckcottage.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 25 Jul 2012, at 12:33, Julie Maxwell wrote:

OK, there are 3 groups of before and after - have all 3 on the page that way? or would that be too much space taking?

I can’t really say; it’s down to you really. If they’re important, then they can take as much space as they need. Perhaps you could split them up with a sentence or two of text?

best wishes,

Paul Bradforth

Holiday in wonderful Cornwall:
http://www.stoneybeckcottage.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here is a little something I have played with

http://www.deltadesign.co/fw_examples/jQuery/jquery-before-after.html

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Very nice… I will play with that…

thank you

Julie
On Jul 26, 2012, at 7:49 PM, DeltaDave email@hidden wrote:

Here is a little something I have played with

http://www.deltadesign.co/fw_examples/jQuery/jquery-before-after.html

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you’ve ever watched some of the shows on HGTV, such as Property Brothers, where they remodel houses, in the end they have fade in replacement Before / After photos with the words superimposed. I think that would be nice and just let it loop. ScriptyFader in the Scripty Actions plugin. You can nicely place the wording right into your photos with Pixelmator.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s an interesting idea… Thanks! I will play with that also

J

Sent from my iPhone

On Jul 27, 2012, at 7:34, cosjr email@hidden wrote:

If you’ve ever watched some of the shows on HGTV, such as Property Brothers, where they remodel houses, in the end they have fade in replacement Before / After photos with the words superimposed. I think that would be nice and just let it loop. ScriptyFader in the Scripty Actions plugin. You can nicely place the wording right into your photos with Pixelmator.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave,

Just to confirm - can I use a folder like grassrootsweb.net/xyz where I put the url in the coding? This is so I can show the client wo officially uploading to the new site wo approval.

Thanks!

J
On Jul 26, 2012, at 7:49 PM, DeltaDave email@hidden wrote:

Here is a little something I have played with

http://www.deltadesign.co/fw_examples/jQuery/jquery-before-after.html

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sure - as you can see my example is at a nested address.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave,

That worked great thank you!

Sure - as you can see my example is at a nested address.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can I see it in action Julie - just curious as I haven’t used it in a live site yet.

You could email me the link if you dont want to broadcast it.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It works great - but if you have 2 one doesnt work…
http://www.grassrootsweb.net/landscape/gallery.html

do you know how I can have 2 or 3 of them?

thanks

Julie

On Jul 31, 2012, at 4:15 PM, DeltaDave email@hidden wrote:

Can I see it in action Julie - just curious as I haven’t used it in a live site yet.

You could email me the link if you dont want to broadcast it.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well as you see from my example there are 2 on that page.

Have you made sure that each has unique IDs?

Yup! 2 Divs with the ID container

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

BTW - this works best with 2 pictures that are taken of the same thing from the same position.

Not sure that it is really effective the way you are using it.

Get them to take new After pics to match the composition of the Before pics for best effect.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

so is that my problem? how do I fix it?

I realize the pictures issue = best we can get at this point… the homeowners neglected the beds…

On Jul 31, 2012, at 7:41 PM, DeltaDave email@hidden wrote:

Well as you see from my example there are 2 on that page.

Have you made sure that each has unique IDs?

Yup! 2 Divs with the ID container

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you double click the markup item that contains the code on the FW page you will see the first line is

div id=“container”

On both of them

Change the second one to

div id=“container2”

Then add into Page>HTML Markup the second call - after the first one. Note how this references container2.

<script type="text/javascript">
$(function(){
	$('#container2').beforeAfter();
});
</script>

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I realize the pictures issue = best we can get at this point… the homeowners neglected the beds…

Then get them to make sure they use the same composition the next time they take Befores and Afters. Otherwise it makes you look bad.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options