Friday 13 June 2008

Tips for zoomify on blogspot

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.
When done, save the html file on your local machine, open it with your browser. If you have all done correctly you should have a blank page showing your image in the zoomify viewer.
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 :

knottydon said...

Thanks for the tip but I still don't have a web host to put my files to =o(

Anonymous said...

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

Christian Kiely said...

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.

Unknown said...

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.

Unknown said...

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

Unknown said...

i'm in the editing code stage of the process and wondering, do we also put the swfobject on the server?

Unknown said...

Cairie, yes you need to upload your swf file on your webserver.

Anonymous said...

Can you please advise a free file host for blogger blog , I tried Dropbox Photo Folder , but its giving error .

Thanks ,
Sunil

Unknown said...

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.

Related Posts Plugin for WordPress, Blogger...