Can I use flash to make quality zoomed images like maps, diagrams etc?

Requested and Answered by Carnuke on 2005/3/2 13:17:47

Can I use flash to make quality zoomed images like maps, diagrams etc?

Yes, you can. There is a third party application that is avaiable free that will automatically do this for you.

Zoomifyer EZ makes using high-resolution images in your Web pages that are easy to do and fast to view! Show the world your photos, maps, scans - whatever - with no need to down-res, on any Web server, all right in Flash.



Example: a Source image: 30 mb. Average view: less than 15k!

Here's how you do it.


1- Download zoomifyer here http://www.zoomify.com/ez/ (Free)

2- decompress package. You will see a folder with some files in it including the Zoomifyer EZ v3.0.exe file.

3- Create a large high resolution image.

4- Drag and drop it into the zoomifyer folder.

5- Now drag and drop it onto Zoomifyer EZ v3.0.exe file in the folder.
This will start a conversion process and make a separate folder withthe same name as your image. In side this folder will be created a series of streaming images.

6- open Template.htm file (See below)

<HTML>
<
BODY>
<
DIV ALIGN="center">

<
TABLE BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=#000000 WIDTH="750" ALIGN="CENTER">
  
<TR>
    <
TD>
      <
TABLE BORDER=0 WIDTH=100BGCOLOR=#ffffff CELLSPACING=0 CELLPADDING=0>
        
<TR>
          <
TD>
                <
OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="750" HEIGHT="450" ID="theMovie">
                <
PARAM NAME="FlashVars" VALUE="zoomifyImagePath=http://www.zoomify.com/content/test/">
                <
PARAM NAME="MENU" VALUE="FALSE">
                <
PARAM NAME="SRC" VALUE="zoomifyViewer.swf">
                <
EMBED FlashVars="zoomifyImagePath=http://www.zoomify.com/content/test/" SRC="zoomifyViewer.swf" MENU="false" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"  WIDTH="750" HEIGHT="450" NAME="theMovie">EMBED>
              OBJECT>TD>
        TR>
      TABLE>
    TD>
  TR>
TABLE>
<
TABLE BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=#FFFFFF WIDTH="750" ALIGN="CENTER">
  
<TR>
    <
TD align="Right">
      <
Font size="1" face="arial" color="#1A4658">Powered by <a href="http://www.zoomify.com/" target="_blank">Zoomifya>Font>
    TD>

TABLE>

DIV>
BODY>
HTML>


7- Modilfy these lines to suit your paths:

a-
You may have to change this to a full path also if the folder/file is not in your module. ie http://mysite.com/uploads/my-folder/zoomifyViewer.swf

c- and again here.

d- SRC="zoomifyViewer.swf"
and here

The template.htm code can now be put in a xoops custom block without the



//---------//



and saved as html. You can of course use it anywhere on your site. Also, because of the full paths (if you specified them) you can put ALL the files on another server and simply use the above template.htm code to call them.

You can create multiple images using the same template code as above, but renaming the template file and changing the folder name inside!

8- Finally Copy the image folder and Flash viewer SWF to your Web site folder as named in your paths.

If you are going to call the Template.htm file as a separate page, then this of course needs to be included in the folder, but not if you are using its code in a custom block

This Q&A was found on XOOPS Web Application System : https://xoops.org/modules/smartfaq/faq.php?faqid=428