| Powered by Zoomify |
You can also have a look at a larger version of this image.
One of my old posts recently received some commments asking for help about Zoomify implementation on blogspot so i decided to post some tips here.
Files hosting : You need a web host for the zoomify viewer and for you image file folders. Don't try to upload them directly on blogspot, you can't do that.
On this web host, create one folder to receive the zoomifyViewer.swf file. Then, create one subfolder of this folder to receive the content of the tiles folder and the ImageProperties.xml file created by zoomify.
For the next part, we'll assume that :
- Your web host URL is :
http://mywebhost.com - The URL of the folder receiving the swf file is :
http://mywebhost.com/zoom/ - The URL of the folder receiving the files generated by zoomify is :
http://mywebhost.com/zoom/image/
Code editing : Zoomify gives a Template.html file. You need to edit its content in the following way.
- Replace the width and height values with the values you want.
- Replace the URLs of the swf file and of the image folder with the above values.
If it's OK, edit again the Template.html file, remove the first 3 lines and the last 3 (html, body, div tags). Remove also the blank lines.
Blogspot doesn't like the newlines into the html tables codes. So delete them all until you have all the code on one unique line. Connect to your blogspot account, post one new message, go to the Edit HTML code tab and copy the big code line int the text area. Check the preview and it should be right :)
9 comments :
Thanks for the tip but I still don't have a web host to put my files to =o(
Framing and zooming the image a little bit is sometimes nice but dont over do it or the picture will look un-natural.
keep on shooting!
mc
which version of Zoomify are you using? I can generate content and view on a standalone website, but cannot get the blogger part to work. However if I cut and paste your code it does work.
Wondering if it is an issue of using the free version vs. a higher functioning version.
Thanks.
Christian,
I use the free version of zoomify.
Which sort of problem do you have when putting your code in blogspot ?
When i first tried the problems i had where due to blank lines.
hey, i am very new to zoomify and html coding. can you help me post my zoomify image onto a blog? I am using tumblr. I have the zoomify as an html file and just need the steps in between.
Thank you!
-Cairie
i'm in the editing code stage of the process and wondering, do we also put the swfobject on the server?
Cairie, yes you need to upload your swf file on your webserver.
Can you please advise a free file host for blogger blog , I tried Dropbox Photo Folder , but its giving error .
Thanks ,
Sunil
I have no advise to give for free file hosting. Here in France most of internet providers give free file hosting to their clients but most of times you loose it when you change your provider ...
My internet host is a paid one.
Post a Comment