[Pro] Codecanyon Zoomer Javascript

Hi All

Just purchased this piece of Javascript

http://codecanyon.net/item/my-products-zoomer/full_screen_preview/53356

and I have posted included Instructions here:

http://www.trevormckay.co.uk/readme.html

based on the sample above (I have the images)

how do I get this to work in Freeway?

Thanks

Trev


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

The script and the CSS should be referenced in the before end head of Page Markup

<link rel="stylesheet" type="text/css" href="RbZoom.css" />
<script type="text/javascript" src="RbZoom.js"></script>

These 2 files should be uploaded to your server using either the Upload Stuff action or by FTP to go with the HTML file that will use them.

As to the images themselves - the small one should be placed on the page as normal. The larger one uploaded using the previous method.

Create a link on the small one on your page using external with the path to your larger image in the main box and then Click extended and add the name, value pair of class:RbZoom

That should do it.

There are other methods but this should get you started. Pay particular attention to where you are uploading the images and use the correct path.

David


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

Hi David

Thanks for reply and help. I will give this a go and let you know.

Trev


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

Hi Dave

OK Here is what I did

Placed 2 lines of code in HTML Markup
Before

Placed small image on Page as normal

Uploaded large image to a folder on server

Created link on small image using external with path to large image

On small image on page clicked extended and entered name= zoom
and entered “RbZoom” in value pair

Uploaded 2 files to same folder as the index page

I get this:

http://www.trevormckay.co.uk/zoomx/

Trev


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

entered name= zoom and entered “RbZoom” in value

name=class and value=RbZoom

Try it with those

D


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

Sorry Dave

No Change

T


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

You appear to have added name=class and value=RbZoom to the small image not the Hyperlink to the large image.

Click small image Edit>Hyperlink and enter the path to the large image (which you have done) and then just below that path there is an Extended button there where you add name=class and value=RbZoom

D


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

Just noticed that you have also have the links to the css and stylesheet placed before HTML rather than before end head

D


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

Good Man Dave

That works . . .
Now can I really pick your brain
as to how to implement the two small thumbnails as in the original.

I know it’s Friday night now - if you can help - in your own time - no rush

Thanks and have a good weekend - even though it is FREEZING!

Trev


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

I notice this relies on jQuery. If you using some of the built-in Freeway effects there may be a conflict between javascript libraries.


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

Thanks Chuckamuck

Seems to work OK on my test page - see my last post

Dave

Sorry, Not clear on the “before end head”

which one is that on the dropdown list

T


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

If you look at http://deltadzine.net/rbzoom.html

You will see it - it comes under Page>HTML Markup

D


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

Thanks Dave

Got that OK (Before ) and changed it.

Thank you for your time

T


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

OK Trev - Example with the thumbnails http://www.deltadzine.net/zoomify.html

D


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

Wow Dave! Great examples!

The second version is exactly what I need.

I will be using this for a Fashion site so want to show
two thumbnails that show front of garment and
back of garment

then hover to show detail.

EXACTLY as your second example.

Can you guide me through the process please.

Trev


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

Hi David

Just a short note to thank you very much for the working freeway example files and notes you sent me via email.

I now have a test page with an RbZoom image fully operating thanks to your help to a stranger over a weekend.

I am always amazed at the help I receive on this forum from the kindest of souls like yourself - always keen to share knowledge in a clear and helpful fashion.

Best wishes to you and again THANK YOU

Trev


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

Your welcome Trev

Just trying to reciprocate the help that I have received here over the years and continue to need!

D


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

Can you also send me the example files and guidance notes as well? Thanks
in advance.

Best Wishes,
Lawrence

2010/1/11 DeltaDave email@hidden

Your welcome Trev

Just trying to reciprocate the help that I have received here over the
years and continue to need!

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

Yes Lawrence if you let me have an email address. You will get mine from the ‘People’ list on the FWT website.

D


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

Thanks in advance. My email address is: email@hidden.

2010/1/12 DeltaDave email@hidden

Yes Lawrence if you let me have an email address. You will get mine from
the ‘People’ list on the FWT website.

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