Zoomify
Download the video tutorial HERE
 |
 |
 |
 |
 |
 |
 |
 |
 |
Thu 3:27 PM |  |
Spotlight
| iWebFAQ | Comics | Forum | 19 Comments | Tell A Friend | iWebSites |
Here is where a featured iWeb site will be listed every month. Sites are chosen as featured because of their individuality and creativity as well as for their attempts in making their sites look like they're not created with iWeb. Sites are chosen from the list of iWeb-created sites listed on iWebFAQ.com/iwebsites so make sure your site is listed if you want to be considered a feature on iWebFAQ.com. The site of the month for January 2009 is StopSuctionEntrapment.com
Zoomify
Download the video tutorial HERE
Zoomify is an export option in Photoshop CS3 that lets you export a large image and zoom in and out of the image using an embedded Flash application.
When you export/Zoomify from Photoshop CS3 you get one html file and a folder with the contents of your Zoomify picture.
Upload the folder to your host and maintain the ability to locate the direct URL path of the files in the Zoomify folder.
Open the Zoomify html file in text edit. It will look something like this:
<HTML>
<BODY BGCOLOR=#000000>
<DIV ALIGN="CENTER">
<TABLE BGCOLOR=#999999 CELLPADDING=1 CELLSPACING=0 BORDER=0 WIDTH="400" ALIGN="CENTER">
<TR>
<TD>
<TABLE BGCOLOR=#000000 CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
<TR>
<TD>
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=9,0,0,0" WIDTH="400" HEIGHT="400" ID="theMovie">
<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=YOURIMAGEFOLDER&zoomifyNavigatorVisible=false=true">
<PARAM NAME="BGCOLOR" VALUE="#000000">
<PARAM NAME="MENU" VALUE="FALSE">
<PARAM NAME="SRC" VALUE="YOURIMAGEFOLER/zoomifyViewer.swf">
<EMBED FlashVars="zoomifyImagePath=YOURIMAGEFOLDER&zoomifyNavigatorVisible=false=true" SRC="YOURIMAGEFOLER/zoomifyViewer.swf" BGCOLOR="#000000" MENU="false" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" WIDTH="400" HEIGHT="400" NAME="theMovie"></EMBED>
</OBJECT></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<TABLE BGCOLOR=#000000 CELLPADDING=1 CELLSPACING=0 BORDER=0 WIDTH="400" ALIGN="CENTER">
<TR>
<TD align="Right">
<Font size="1" face="arial" color="#999999">Powered by <a href="http://www.zoomify.com/" target="_blank"><Font color="#999999">Zoomify</Font></a></Font>
</TD>
</TABLE>
</DIV>
</BODY>
</HTML>
Change the RED text to the repective vaules of your Zoomify folder name and delete some of the text so it looks like this:
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=9,0,0,0" WIDTH="400" HEIGHT="400" ID="theMovie">
<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=YOURIMAGEFOLDER&zoomifyNavigatorVisible=false=true">
<PARAM NAME="BGCOLOR" VALUE="#000000">
<PARAM NAME="MENU" VALUE="FALSE">
<PARAM NAME="SRC" VALUE="YOURIMAGEFOLER/zoomifyViewer.swf">
<EMBED FlashVars="zoomifyImagePath=YOURIMAGEFOLDER&zoomifyNavigatorVisible=false=true" SRC="YOURIMAGEFOLER/zoomifyViewer.swf" BGCOLOR="#000000" MENU="false" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" WIDTH="400" HEIGHT="400" NAME="theMovie"></EMBED>
</OBJECT>
Copy/Paste this final edited code into an html snippet in iWeb and you'll see your Zoomify photo on your site! You do not need to upload the Zoomify html file to your host only the Zoomify folder.