Dear Panel. I’m trying to set up a page using Zoomer, and probably having the usual difficulties … ! This is just a test page. Help would be appreciated. Thanks, Paul
http://paulscottinfo.ipage.com/test/
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Firstly you will need to provide the full path to the js and css files
<link rel="stylesheet" type="text/css" href="RbZoom.css" />
<script type="text/javascript" src="RbZoom.js"></script>
The paths above will only work if the files are on the server in the same folder as the page you are calling them from.
Then you need to create a link from the thumbnail to the large image (which is on your server somewhere). Like this
Which uses the Extended attribute on the link to add the name/value pair of class/RbZoom
So the large image is not on your FW page at all. It should be FTP’d to your server.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you David. Instructions followed (I think!). Website link as above. It now appears with a question mark at the top left, and when I click on the small image a large one appears.
This is not what I expected: I could do this more simply using Show/Hide layer. What I had hoped for is the effect of sliding the curser around the thumbnail and seeing a portion of the large image magnified – something like the image on the Zoomer promotion.
Is it not supposed to do this?
Best wishes, and thanks again,
Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Firstly the js and css files are not on the server where the page is expecting to find them
I am getting 404 errors for http://paulscottinfo.ipage.com/test/RbZoom.css
and http://paulscottinfo.ipage.com/test/RbZoom.js
You also appeared to have added some markup in the Page
<body>
<a href="zoom-image.jpg" class="RbZoom"><img src="small-image.jpg"/></a>
</body>
That is what is causing the blue question mark (which indicates a missing graphic)
How are you getting the js and css files onto your server?
Sort those issues and you should be GTG
Apart from that your page actually looks malformed to me - I suspect a consequence of your ipage.com hosting???
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
David, please forgive me for writing to you again about this. I managed to get the Zoom working perfectly. Then decided to write a set of instructions (for me) to duplicate the Zoom in my own setting. I have spent a whole afternoon on this, and the original and new ‘rose’ files appear to be identical, but obviously aren’t as ‘rose’ does not work!
The new site is http://paulscott.info/rose
and the instructions are as below
Instructions for ZOOM
Files Required
Freeway page
Two images: small-image.jpg, zoom-image.jpg
RBZoom files : RBZoom.js, RBZoom.css
Procedure
FTP directly to root folder the two RBZoom files, and zoom-image.jpg in Media folder.
Place small-image.jpg in Freeway page, say size 100 x 100. This will appear at top left of larger image in html file.
Create external link in Freeway from small-image.jpg to zoom-image.jpg on Server. With small-image.jpg selected in Freeway, go to Edit/Hyperlink (or direct from link window), Extended, and enter : class RBZoom
In Freeway go to Page/Html Markup and enter:
The distortion you mention is not iPage, but arises from the fact that I’m not tall enough to photograph a Cathedral rose window from directly in front!!
Sometimes I hate computing!!
With thanks and apologies, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The distortion you mention is not iPage, but arises from the fact that I’m not tall enough to photograph a Cathedral rose window from directly in front!!
If you re read my post I made no mention of image distortion.
When I said your page was ‘malformed’ I was referring to its underlying code structure.
Sorry I am not able to dissect your current example right now but I will look later
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Paul
Can you please send me a 1 page FW doc of the example that doesn’t work.
The easiest way to do this is to select the page in the LH sidebar (in FW with Site View selected) and Edit>Copy
Next do File>New using the Blank Website Template from the General Templates folder (give it a suitable name and a location on your HD)
With this new FW file created select the Site Folder (in the LH sidebar) and Edit>Paste
Your example page should now appear in the new documents Site structure
Next - File>Save Archive
You will get a dialogue box telling you the current document will be saved…
OK that and you will get another Dialogue box asking you to ‘Save Archive Folder in…’
Choose a destination and name the Archive (Archived Site?)
You will now have a folder that contains your FW doc and the media used in it.
Select this folder and Zip it ie right click and Compress ‘Archived Site’
You will find my email address in the People section of the FWT site so that you can send it to me.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
It’s indeed the best if David has a quick look into your file.
Just a few notes:
There is a bunch of code in both of your examples which are simply misplaced. Just to illustrate:
Strangely enough:
The “working” version is broken down to tables (including those code mess), the “rose” isn’t (which shouldn’t be read as “build tables”).
I managed a lot of “zoomers” in the past and I hoped that in the touch-world this effect starves by hunger - but failed. So I have to review my ugly screencasts and transfer it into a acceptable quality.
Just one example I once wrapped (even jQuery and Scripty on one page):
http://kimmich-dm.de/testings/cpluszoom.html
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thomas wrote:
There is a bunch of code in both of your examples which are simply misplaced.
That is exactly what I meant when I wrote:
Apart from that your page actually looks malformed to me
And the reason why I would like to see the FW page before it gets to the server.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thomas, thank you for your reply. I have changed the code as you suggested, so that the top of the pages source now reads
Rbista Zoom UntitledOK - then I tend to say:
REVIEW the class-names on both:
One is RbZoom (the working) the other is RBZoom.
You see the difference and I think you call it case sensitive in english?
It is OUTERMOST important to watch out for typo (filenames, classnames, paths …).
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Eureka!! Thomas, thank you so much.
I would never make my living as a programmer – I’d die of frustration before my first pay check!!
Thanks again,
Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Well done Thomas - you beat me to it!
I had just replied directly to Paul after reviewing the FW file with exactly the same conclusion. Then saw your post.
It can never be stressed enough about getting file names and paths etc. absolutely correct.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks to you too David. I make a lot of use of Freeway, and try to resolve problems for myself as much as possible, but it’s great to be able to ask the Forum when things get out of hand, and to be sure of getting a solution. It is much appreciated.
Cheers, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Panel. I thought I had posed a further question here a couple of days back, but it seems to be lost. I have set up a couple of new Zoom pages, for example
http://paulscottinfo.ipage.com/adelaide/churches/clayton/46z.html
which work well, but I feel the pages needs tweaking to make it worthwhile. The viewing window is 300 x 300 px: is it possible for me to increase the size of this? And the magnification looks to be a factor of 2.3. Can this be varied as well? With this magnification I might just as well include a large version of the image without using Zoom at all. With thanks, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The viewing window is 300 x 300 px: is it possible for me to increase the size of this? And the magnification looks to be a factor of 2.3. Can this be varied as well?
The size of the window is set in the configuration section of the RBzoom.js file
//---------------------- Configuration ----------------------------------------------------------------
var zoomAreaWidth = '300px';
var zoomAreaHeight = '300px';
var loadingImg = './images/loader.gif';
var thumbFadeSpeed = 9;
As to the magnification - have you tried a larger image as the zoomed one ie in this instance - http://paulscottinfo.ipage.com/adelaide/churches/clayton/Resources/wwindow.jpeg
How did you link to/upload this image?
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi David! With some difficulty I used TextEdit to modify the .js file, and after uploading, it wouldn’t work! I’ve spent enough time on the temperamental Mr Zoom now. I’m very grateful for your efforts on my behalf, but have opted for the following simpler alternative. I have made my 46Z page 1600 x 1800 which is the size of the original graphic, and loaded the graphic. I can now scroll around the image using the mouse scroll: all very simple, straightforward and effective, and all within Freeway. You can find it on
http://paulscottinfo.ipage.com/adelaide/churches/clayton/46z.html
This is one of those cases when (for me) hitting a brick wall has led to an easier solution. Thanks again, and best wishes, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I used TextEdit to modify the .js file, and after uploading, it wouldn’t work!
Sorry that you have given up - this is what it should look like. http://www.deltadesign.co/FW6Test/paulscottrose.html
Text edit is fine if it is in Plain Text Mode - if not then you get RTF which mucks things up.
If you want a good plain text editor then hop on over to Bare Bones Software | TextWrangler is now BBEdit -- and still free! It's time to switch. and get TextWrangler - ITS FREE!
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Dave.
Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I wasn’t exactly sure if I should write about this on here but I am having the same issues as Paul Scott was. I have spent an unbelievable amount of time trying to figure out how to implement Zoomer after I purchased it the other day. It seems so easy but I am definitely not getting the effect I see on this page of Paul’s http://paulscott.info/rose and that is almost exactly how I would like it to work. DeltaDave, your page http://www.deltadesign.co/FW6Test/paulscottrose.html obviously looks pretty much the same as well. I have followed the directions but no luck. I’m obviously missing something. I have even tried some other things but still no luck. I wanted to put a link on here but my site is live and this was going to be an update to my site. I am happy to send a zip file of my archive if anyone wouldn’t mind to take a look at it. Thanks in advance everyone!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
