FreewayTalk
20 replies to this thread. Most Recent
[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
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
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
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Hi David
Thanks for reply and help. I will give this a go and let you know.
Trev
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
Hi Dave
OK Here is what I did
Placed 2 lines of code in HTML Markup Before <head>
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
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
entered name= zoom and entered “RbZoom” in value
name=class and value=RbZoom
Try it with those
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Sorry Dave
No Change
T
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
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
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Just noticed that you have also have the links to the css and stylesheet placed before HTML rather than before end head
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
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
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
I notice this relies on jQuery. If you using some of the built-in Freeway effects there may be a conflict between javascript libraries.
Freeway Pro 5.5, i7 Macbook Pro 2.2 ghz 8gb ram, 2.3 ghz Dual Core MacPro 10gb ram
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
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
If you look at http://deltadzine.net/rbzoom.html
You will see it - it comes under Page>HTML Markup
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Thanks Dave
Got that OK (Before </head>) and changed it.
Thank you for your time
T
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
OK Trev - Example with the thumbnails http://www.deltadzine.net/zoomify.html
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
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
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
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
“Astronomy compels the soul to look upwards and leads us from this world to another” Plato
Your welcome Trev
Just trying to reciprocate the help that I have received here over the years and continue to need!
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
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
Yes Lawrence if you let me have an email address. You will get mine from the ‘People’ list on the FWT website.
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
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
Unfortunately I read this on the Web and there all email addresses are deliberately obfuscated to avoid spamming. so I cannot read yours
So drop me a line info(at)deltadzine.com
D
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
