We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

[Snippet] Zoom Image

    • 4266
    • 70 Posts
    bugaev Reply #1, 18 years, 6 months ago
    Here is the demo: http://www.dors.biz/modx/flashvideo.html
    See attachment below the code.
    //ZoomImg snippet by Bugaev
//imagezoom.swf (c) 2005 Sysworkers LC. All rights reserved. Coded by Gustavo de Tanti
//
//Usage: [[ZoomImg?sImg=small_filename&?lImg=large_filename]]
//You can store image files in the separate folder like 'assets/images/zoom' (to specify the folder use $imgPath)
//You have to put imagezoom.swf in the 'assets/flash/zoom' folder

//SETTINGS
$width=240;
$height=300;
$imgPath="assets/images/zoom";
//END SETTINGS

$output = '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="'.$width.'" HEIGHT="'.$height.'" id="imagezoom" ALIGN="middle">
 <param name="movie" value="assets/flash/zoom/imagezoom.swf?image='.$imgPath.'/'.$sImg.'&imagebig='.$imgPath.'/'.$lImg.'&imgW='.$width.'&imgH='.$height.'"/>
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<EMBED src="assets/flash/zoom/imagezoom.swf?image='.$imgPath.'/'.$sImg.'&imagebig='.$imgPath.'/'.$lImg.'&imgW='.$width.'&imgH='.$height.'" loop="false" menu="false" quality="high" bgcolor="#ffffff"  WIDTH="'.$width.'" HEIGHT="'.$height.'" NAME="imagezoom" ALIGN="middle"
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>';

return $output;
      • 7455
      • 2,204 Posts
      Dimmy Reply #2, 18 years, 6 months ago
      Looks realy nice
      will take a look at this one
      Thanks alot
        follow me on twitter: @dimmy01
      • Ryan Thrash Reply #3, 18 years, 6 months ago
        The image on the zoom image is particularly nice. Or at least it was when I checked last. wink

        Sure does take a while to load the bigger image, but your patience will be rewarded... (now how much more cheesy could I be ... *sigh*)
          Ryan Thrash, MODX Co-Founder
          Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
          • 33337
          • 3,975 Posts
          Zaigham (aka zi) Reply #4, 18 years, 6 months ago
          Nice snippet but demo is *aham* !

          Thanks for sharing,

          zi
            Zaigham R - MODX Professional | Skype | Email | Twitter

            Digging the interwebs for #MODX gems and bringing it to you. modx.link
            • 18397
            • 3,250 Posts
            MARKSVIRTUALDESK Reply #5, 18 years, 6 months ago
            Ditto. Very cool bit of flash!
              • 7455
              • 2,204 Posts
              Dimmy Reply #6, 18 years, 6 months ago
              Quote from: Mark at Oct 14, 2005, 01:39 AM

              Ditto. Very cool bit of flash!

              flesh you mean hehe tongue
                follow me on twitter: @dimmy01
                • 4266
                • 70 Posts
                bugaev Reply #7, 18 years, 6 months ago
                Quote from: rthrash at Oct 13, 2005, 10:08 PM

                Sure does take a while to load the bigger image

                Here is the new snippet Zoomify. It loads just needed image part (not the whole image) and so is usefull for slow modem connections.

                Here is the nice wink demo: http://www.dors.biz/modx/zoomify.html
                Use ESC to come back to small image

                In order to use this snippet you need:
                1. download Zoomifyer EZ v3.0.exe to prepare sliced image
                    Windows http://www.zoomify.com/downloads/zoomifyerEZ.zip
                    Mac http://www.zoomify.com/downloads/zoomifyerEZ.sit
                2. upload folder with sliced image to ’assets/images/zoomify’ (the ZoomifyerEZ will put folder near the original image on your local computer)
                3. put zoomifyViewer.swf into ’assets/flash/zoomify’ folder
                4. create the new snippet Zoomify with code below
                5. call the snippet from your MODx page by [[Zoomify?Img=img_dir_name]] (NOTE! You need to specify directory name, not file name with .JPG)

                You can modify look and feel using settings in the code (zoomifyToolbar and zoomifyNavWindow flashvars).

                //Zoomify snippet by Bugaev
//zoomifyViewer.swf © 1999-2003 Zoomify
//
//Usage: [[Zoomify?Img=img_dir_name]] NOTE! You need to specify directory name, not file name with .JPG
//
//You can store directories with sliced image files in the separate folder like 'assets/images/zoomify' (to specify the folder use $imgPath)
//You have to put zoomifyViewer.swf in the 'assets/flash/zoomify' folder

//SETTINGS
$imgPath="assets/images/zoomify";
//END SETTINGS

$output = '<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="450" HEIGHT="450" ID="theMovie">
			<PARAM NAME="FlashVars" VALUE="zoomifyImagePath='.$imgPath.'/'.$Img.'&zoomifyToolbar=0&zoomifyNavWindow=0">
			<PARAM NAME="MENU" VALUE="FALSE">
			<PARAM NAME="SRC" VALUE="assets/flash/zoomify/zoomifyViewer.swf">

<EMBED FlashVars="zoomifyImagePath='.$imgPath.'/'.$Img.'&zoomifyToolbar=0&zoomifyNavWindow=0" SRC="assets/flash/zoomify/zoomifyViewer.swf" MENU="false" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"  WIDTH="450" HEIGHT="450" NAME="theMovie"></EMBED>
</OBJECT>';

return $output;
                  • 32982
                  • 674 Posts
                  jabiertxof Reply #8, 18 years, 6 months ago
                  very usefull thanks for sharing
                    Jabiertxof (formerly XYZVISUAL)
                    My bussines: http://marker.es
                    https://www.youtube.com/user/jabiertxof/videos