Image zoom component

Hi,
I'm looking for a good image zoom component with:
- zoom in / zoom out
- loading external jpg/gif/png
- preview navigation thumbnail
- drag to move image
I know "google is my best friend" but al what I find is old
mcs not really
user friendly, so if you know such a component...
thx,
lea

your link is busted, but I got a better one for you. It's a
view finder, you can resize it and tween it smaller so It gives it
a zoom effect! so whatever is inside of it, is what you are going
to see in your flash? cool eh, it's one of my most used objects?
The prob is, I don't know a link for it. my friend give it to
me. I can hook you up with it though a email though. SO since I
can't find your email,
Email me: [email protected] and remind me about this
convo and ask for the Z-cam I have. Cool? peace.

Similar Messages

  • Mouse cursor dissapears in The Pan|Zoom component

    When using the Pan|Zoom component found at http://www.adobe.com/devnet/flex/samples/fig_panzoom/ inside a mx:Window in my AIR application, the custom mouse cursors (draghandOpen, draghandClosed) are not shown. The mouse cursor just dissapears when rolling over the ImageViewer.
    From the Pan|Zoom code:
                    case "mouseOver":
                        // cursors
                        if (_client.viewRect.containsRect(_reciever))
                            CursorManager.removeAllCursors(); 
                        } else
                            CursorManager.removeAllCursors(); 
                            cursorID = CursorManager.setCursor(_iconHandOpen);                       
    This works fine when running the source at http://www.adobe.com/devnet/flex/samples/fig_panzoom/ as an AIR application. Why won't it work in a mx:window?

    I found the solution here: http://butterfliesandbugs.wordpress.com/2008/09/04/how-to-get-a-custom-cursor-in-an-air-wi ndow/
    The problem was fixed by changing CursorManager.setBusyCursor() to myAIRWindow.cursorManager.setBusyCursor();

  • Adding a image in webcenter spaces using Image Layout Component

    Hi,
    i was trying to add a image in webcenter spaces using Image Layout Component , The following steps i did
    I placed some images in Webcenter server location .(c:/images)
    put the folder location in Image Source ( Image Layout Component Properties) as file://c:/images/top_image.jpg
    But the image did not display in WC. if i put some web url its working fine, so i just wonder whether we can point to a file location as the image source.
    Please reply me asap.
    Thanks,
    Swagatika

    I use this to add an image that I have saved in the applet folder
    Image image;
    public void init() {
    image = getImage(getDocumentBase(), "auburn.jpg");
    and I get this error when I try to run it in Jbuilder:
    java.lang.NullPointerException
         at java.applet.Applet.getDocumentBase(Applet.java:125)
         at JavaProject.<init>(JavaProject.java:103)
         at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
         at sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:39)
         at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:27)
         at java.lang.reflect.Constructor.newInstance(Constructor.java:274)
         at java.lang.Class.newInstance0(Class.java:308)
         at java.lang.Class.newInstance(Class.java:261)
         at sun.applet.AppletPanel.createApplet(AppletPanel.java:617)
         at sun.applet.AppletPanel.runLoader(AppletPanel.java:546)
         at sun.applet.AppletPanel.run(AppletPanel.java:298)
         at java.lang.Thread.run(Thread.java:534)
    What could be the problem?

  • Daily Edition 950 - Image Zoom Could be Better

    Daily Edition 950 - Zoom Could be Better
    One of the best uses I can think of for the daily edition is to function as a navigation device on which to store maps.
    I am pleased with my daily edition 950, but I have tested the zoom capabilities of images and they could be better.
    It appears that the zoom amount is based on a predetermined variable (it looks like a maximum of 200% of the initial screen image size). It would be better if zoom amount was based on the size of the image rather than the arbitrary screen size. Since it is not, image resolution and image size do not matter at all which ends up limiting users to low resolution images.
    Please include a map function or better zoom controls in the next software update!

    it is a problem i am worry too. c#  image zoomer  shouldnot lower image quality or it will be absolutely absurb for us. thank you for paying attention to the situation.

  • Large Image Zoom Slider not working

    Can anyone help with why my Large Image Zoom slider doesn't work? I've followed instructions as per tag: {tag_largeimage,zoom,width,height} I have dimensions at 310 and 220. Image looks ok but slider desn't move and image doesn't get bigger...

    Has anyone had any luck with fixing this issue? I am using the perfume template with the same issue.
    If it is the lightbox.js how would I disable it and how would it affect my site?
    Also just want to confirm I am doing this right. I have a large image 800px x 800px. My tag is {tag_largeimage,zoom,375,375}. So this would mean the product image is viewed at 375px x 375px but should zoom to 800px x 800px?
    Thanks in advance
    Stewart

  • Firefox and bad image zoom

    Hi to all,
    Compare these images:
    Zoom with Firefox under Linux
    Zoom with Google Chrome under Linux
    Firefox under Windows
    (image taken from: http://www.tomshw.it/cont/articolo/cons … 26/13.html )
    as you can see:
    * Firefox under Linux: image zoom is done without antialiasing
    * Firefox under Windows: image zoom is done with antialiasing
    * Chrome under Linux: image zoom is done with antialiasing
    is there any way to fix this issue with Firefox under Linux?

    Ramses de Norre wrote:Google reveals much info. Look at the firefox and ubuntu bug trackers, both have extensive discussions about the issue.
    Hi,
    I'm not sure if I get your meaning here.
    I googled around, and I find mostly references to font problems - which is not the issue here - and the imagezoom.defaultGlobalZoom setting, which does not seem related to activating / deactivating antialising for images when zooming.
    I have the same issues as trapanator. FF in arch64 does not apply antialising to the images when zooming, but opera does. Also FF in windows does. I took a look in the PKGBUILD, but did not find anything suggesting that the antialiasing is disabled at compile time - so it seems to be a configuration issue.
    Any ideas?
    Thanks!
    Best regards,
    Eduardo

  • Pan Zoom Component

    Hi,
    I wanted to know the license requirement for Pan Zoom component available in Flex store as a sample application. Is it fine to use the code in commercial applications?
    http://www.adobe.com/devnet/flex/samples/fig_panzoom.html
    Regards,
    Sarika.

    Normally, the sample code used in Adobe articles is free reign to use in commercial applications.  I have no ide if Adobe ha a formal documented license, though.

  • Image zooms in and bounces. How do I fade out?

    Getting my feet wet and trying a routine event. Have an image
    zooming in and bouncing. That works. What I want to do is fade the
    image out after it has stopped bouncing. How do I fade it out? Here
    is what I have:

    I came up with the below bit of code. But now the image fades
    and then re-appears

  • Image Upload Component?

    I am following a tutorial on how to build an application in Creator that will help upload an image. Step. 2 of the tutorial says to use the image upload component from the palette. The problem I am having is there is not such a companonet available in the pallete. Can this be downloaded somewhere?
    Thanks,
    Bill
    Here is the tutorial - http://developers.sun.com/prodtech/javatools/jscreator/ea/jsc2/learning/tutorials/file_upload.html

    Hi Bill,
    Which version of Creator are you using? The file upload component is available in Creator 2 EA 2 version. This component is not available in the Creator 1 version.
    The tutorial you are referring to is for Creator 2 EA 2.
    Creator 2 EA 2 webpage is:
    http://developers.sun.com/prodtech/javatools/jscreator/ea/jsc2/
    The tutorials for Creator 1 version are available at:
    http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/index.jsp
    Hope this helps
    Cheers
    Giri

  • How to process images(Zooming) in java

    Hai,
    In our project,i need to provide an option to the end user to zoom the image, i am able to provide options like rotating an image and flipping an image using java image processing API. If anybody has already visited the website http://photo.stamps.com/PhotoStamps/?source=cj00470773, where we can also zoom a photo(they done it using Flash). My requirement is similar to this site.
    I would be greatful if anybody can suggest me about how to zoom images using Java
    Thanks
    PRAMOD.

    Hi,
    You can use AffineTransform to scale an image.
    /Kaj

  • Create an image from Component

    I have created an ImageLoader that stores images loaded from the filesystem. I do however need a default image that is not reliant on loading an image from the filesystem, in case any images on the filesystem are not found.
    I have tried to use Components createImage() method, until I read that this can only be used if the Component is visible on screen, which my Component never will be.
    What I really want is a grey rectangle as an ImageIcon by what means I get this I'm not bothered,
    hopefully someone can help

    Use the java.awt.image.BufferedImage class. To create a BufferedImage object, no component need to be visible. Here is some sample code:       BufferedImage image = new BufferedImage(wid, ht, BufferedImage.TYPE_INT_RGB);
           Graphics2D gc = image.createGraphics();
           gc.drawRect(x,y, width, height);Note that BufferedImage is a subclass of Image. So, you can create ImageIcon from a BufferedImage object.
    If you don't want to use BufferedImage, an option would be to create the image from an array of bytes.

  • Image zoom tool doesn't work properly in Firefox

    Hello:
    This is the code I use to run a swf that makes zoom on
    images:
    <body>
    <center>
    <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="400" HEIGHT="500" id="imagezoom" ALIGN="middle">
    <img src="imagebig.jpg" style="display:none;" alt=""
    width="781" height="1051"/>
    <param name="movie"
    value="imagezoom.swf?image=image.jpg&imagebig=imagebig.jpg&imgW=400&imgH=500"/>
    <param name="loop" value="false" />
    <param name="menu" value="false" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />
    <EMBED
    src="imagezoom.swf?image=image.jpg&imagebig=imagebig.jpg&imgW=640&imgH=480"
    loop="false" menu="false" quality="high" bgcolor="#ffffff"
    WIDTH="400" HEIGHT="500" NAME="imagezoom" ALIGN="middle"
    TYPE="application/x-shockwave-flash" PLUGINSPAGE="
    http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></center>
    <br>
    <img
    src="imagezoom.swf?image=image.jpg&imagebig=imagebig.jpg&imgW=400&imgH=500"
    style="display:none;" loop="false" menu="false" quality="high"
    bgcolor="#ffffff" WIDTH="400" HEIGHT="500" NAME="imagezoom"
    ALIGN="middle"
    TYPE="application/x-shockwave-flash" PLUGINSPAGE="
    http://www.macromedia.com/go/getflashplayer"/>
    </body>
    This code works properly in IE7 but in Firefox I have
    discovered that the images are loaded after than the swf. This swf
    file needs some parameters to work with the images, but if the
    images are not loaded previously then the swf does not work
    properly. In firefox, a page refresh is needed if the images are
    not yet loaded in the cache.
    I have resolved the problem partially preloading the images
    in the previous page link using:
    <img src="imagebig.jpg" style="display:none;" alt=""
    width="781" height="1051"/>
    With this solution, the images are loaded prior to the swf
    loading.
    I think that a better solution would exist.
    Thaks a lot in advance.

    The Layer seems to be empty and you don’t have »Sample All Layers« checked, so that seems strange.
    Another point, though: Why not apply the Layer Mask to the Group instead of applying it to each Layer individually?

  • The Pan|Zoom component on a website?

    Stumbled across the Pan|Zoom and want to use it on my website, have a large scale image to place in a small area, much to what the webpage I came across does: http://www.adobe.com/devnet/flex/samples/fig_panzoom/
    Have managed produce it with my image in a SWF and Air file, although I am used to putting the swf into a html page, but then launch the page, the image doesn't show and the application does not work, as it needs the other files/code to run it.
    Am I totally off track, as I want it just in one self containing swf... I am very much a newbie to flex/flash builder 4.
    Any help would be greatful, haven't altered any of the orginal code just the image within it.
    Thanks,
    Matt

    Hi,
    I found a technique to pan/zoom somewhere on the 'net, can't remember where, but I adapted it to pan/zoom an image.
    (Flex 3)
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%"
        verticalScrollPolicy="off" horizontalScrollPolicy="off"
        creationComplete="initApp()" >
    <mx:Script>
        <![CDATA[
            private var draggedObject:DisplayObject;
            private var imageMatrix:Matrix;
            private function initApp():void{
                imageMatrix = img1.transform.matrix;
           private function startDragging(event:MouseEvent):void{
                draggedObject = DisplayObject(event.currentTarget);
                this.addChild(draggedObject);
                event.currentTarget.startDrag();
            private function stopDragging(event:MouseEvent):void{
                event.currentTarget.stopDrag();
            private function onMouseWheel(event:MouseEvent) : void{
                // set the origin of the transformation
                // to the current position of the mouse           
                var originX:Number = stage.mouseX;
                var originY:Number = stage.mouseY;           
                // zoom
                imageMatrix = img1.transform.matrix;
                if( event.delta > 0 ){                   
                    //limit zoom:
                    if (imageMatrix.a > 3){
                        return;
                    // zoom in
                    scaleAt( 6/5, originX, originY );
                }else{
                    //limit zoom:
                    if (imageMatrix.a < .26){
                        return;
                    // zoom out                   
                    scaleAt( 5/6, originX, originY );
            public function scaleAt(scale:Number, originX:Number, originY:Number) : void{
                // get the transformation matrix of this object
                imageMatrix = img1.transform.matrix;
                // move the object to (0/0) relative to the origin
                imageMatrix.translate( -originX, -originY );           
                // scale
                imageMatrix.scale( scale, scale );           
                // move the object back to its original position
                imageMatrix.translate( originX, originY );           
                // apply the new transformation to the object
                img1.transform.matrix = imageMatrix;
                //set the label's text:
                txtZoomLevel.text = 'Zoom Level: ' + imageMatrix.a.toPrecision(2).toString();           
        ]]>
    </mx:Script>
        <mx:Image id="img1"
            mouseDown="startDragging(event)"
            mouseUp="stopDragging(event)"
            mouseWheel="onMouseWheel(event)"
            source="assets/images/test/DSC01916.JPG"
            x="50" y="50"
            >       
            <mx:filters>
                <mx:DropShadowFilter/>
            </mx:filters>
        </mx:Image>
        <mx:Text x="15" id="txtZoomLevel" width="137"
            color="#ffffff" text="Zoom Level:" bottom="20"/>
    </mx:Application>

  • Default images zoom in Mountain Lion Preview - how to change

    Hi,
    I need to preview alot of images in my work. In previous system I would use Preview with zoom images to 100%. Now this option is gone in preferences. Since the images I preview are ewbsites designs, any other zoom then 100% is useless to me.
    I know that I can open an image, push Cmd+0, click on the green + dot, and then scroll up (because after zooming to 100% the image is centered on the screen). But I open images about 100 times a day - so to me that situation is Usability disaster.
    So my question is: is there a way I can set Preview default image viewing settings to:
    - pixel to pixel zoom (100%)
    - aligned to top
    - opened in window of maximum size on the screen
    I will go to church, kneel and pray for you, stranger sage...
    Cheers

    Dear wjosten,
    1) I have the same problem as Dergler: I can not set the availability status in Messages (ML, v7.0). The settings and also support documents tell that one should be able to set the status in the Menue bar, without mentioning that an active iCloud account in not sufficient.
    2) Also, the Access to "Edit status menue" (and default status messages) is only possible when the activity report tool is displayed in the lower-left corner of the Messages window. With ONLY an iCloud account active this tool is not displayed.
    You correctly tell that the activity report tool and also access to availability settings is possible when the Bonjour account is set to "Enable Bonjour instant messaging".
    HOWEVER:
    I do not want to become visible in my university network, I only want to use Messages (and iMessages on iOS) to communicate with other people that have iPads or iPhones. Are the availability settings not used over iCloud? Why then the setting "Use the same setting for all accounts"?
    Is this intended, or is it a bug??

  • How to make an image zoom on rollover with a mouse?

    Hi, I am looking make a Jewelley ecommerce website using adobe muse but was not sure how I can zoom over parts of my jewellery on scrolling over the mouse on the part of the item.
    Please let me know.
    Thanks,
    Jinal

    Hello Jinal,
    Check this related post: http://forums.adobe.com/message/5468809#5468809
    If you're able to find the suitable HTML code for such a component, you can integrate it in Muse by embedding the HTML code using the Object -> Insert HTML function.
    Cheers
    Parikshit

Maybe you are looking for