How can I make an image scrollable and zoomable?

I'm working on making a map that will have multiple layers overlaid that will be clickable on and off. In addition, sections of the map will be interactive and when clicked, will change to a 3D view of that map item. I need this map image to be inside a block or container that is scrollable (left, right, up, down) and zoomable.
I bet this could be done in javascript or jquery somehow. I'm building the map interactions in Adobe Edge Animate, but I have the creative cloud and could use some other program if necessary. Can anyone help me?

Put the image behind the layer (at the back of it or on a layer below). With it still selected, Copy.
Now Paste in Front (Ctrl+F). Depending on your Paste Remembers Layers setting, you may have to bring the newly pasted copy to the front, or to the upper layer.
Draw a shape over the image to define the portion of it you want to appear "in front."
With the shape and the image selected, clip the image using the shape. (Object > Clipping Mask > Make)

Similar Messages

  • How can I make an image appear partially in front and partially behind another layer in Adobe Illustrator?

    How can I make an image appear partially in front and partially behind another layer in Adobe Illustrator?

    Put the image behind the layer (at the back of it or on a layer below). With it still selected, Copy.
    Now Paste in Front (Ctrl+F). Depending on your Paste Remembers Layers setting, you may have to bring the newly pasted copy to the front, or to the upper layer.
    Draw a shape over the image to define the portion of it you want to appear "in front."
    With the shape and the image selected, clip the image using the shape. (Object > Clipping Mask > Make)

  • How can i make shorten systemlog files and joblog files on OS

    Hello
    How can i make shorten systemlog files and joblog files on OS

    Hello Jan,
    You can limit the size of system log.
    The size of the application server's System Log is determined by the
    following SAP profile parameters. Once the current System Log reaches
    the maximum file size, it gets moved to the old_file and and a new
    System Log file gets created. The number of past days messages in the
    System Log depends on the amount/activity of System Log messages and the
    max file size. Once messages get rolled off the current and old files,
    they are no longer retrievable.
    rslg/local/file /usr/sap/<SID>/D*/log/SLOG<SYSNO>
    rslg/local/old_file /usr/sap/<SID>/D*/log/SLOGO<SYSNO>
    rslg/max_diskspace/local 1000000
    rslg/central/file /usr/sap/<SID>/SYS/global/SLOGJ
    rslg/central/old_file /usr/sap/<SID>/SYS/global/SLOGJO
    rslg/max_diskspace/central
    Refer to http://help.sap.com/saphelp_nw70/helpdata/EN/c7/69bcbaf36611d3a6510000e835363f/content.htm
    for explanation of profile parameters.you can reduce the size of system log using rslg/max_diskspace_local and rslg/max_diskspace_central
    But you can't reduce the size of job log files on OS
    Rohit

  • How can I make Use of PS and Ai (offer) in spite of running Windows Vista ?

    How can I make Use of PS and Ai (offer) in spite of running Windows Vista ?

    Once you have signed up, you could - in theory - choose "other version" under the icon on the CC website and install CS6, but I'm not sure if that works for this special offer or only for "full" CC. Anyway, it seems simple enough to upgrade to Win 7 or Win 8 and perhaps you were planning on starting fresh, anyway...
    Mylenium

  • How can I get the image width and height stored in database?

    Hi!I write s servlet to display images store in database.but how can I get the image width and height?

    Have you tryed using PJA or a similar library?
    I presume you get java.lang.NoClassDefFoundError on the line :
    Toolkit.getDefaultToolkit();?

  • My Macbook Pro has become slow and sometimes it hangs. How can I make it work fast and normal.

    My Macbook Pro has become very slow and it sometimes hangs. How can I make it work faster and normal? I  used Etrecheck and got the report below;
    EtreCheck version: 1.9.12 (48)
    Report generated June 16, 2014 at 18:05:25 GMT+1
    Hardware Information:
        MacBook Pro (13-inch, Mid 2012) (Verified)
        MacBook Pro - model: MacBookPro9,2
        1 2.5 GHz Intel Core i5 CPU: 2 cores
        4 GB RAM
    Video Information:
        Intel HD Graphics 4000 - VRAM: (null)
            Color LCD 1280 x 800
    System Software:
        OS X 10.9.3 (13D65) - Uptime: 0 days 1:50:52
    Disk Information:
        APPLE HDD TOSHIBA MK5065GSXF disk0 : (500.11 GB)
            EFI (disk0s1) <not mounted>: 209.7 MB
            Machintosh HD (disk0s2) / [Startup]: 499.25 GB (465.33 GB free)
            Recovery HD (disk0s3) <not mounted>: 650 MB
        MATSHITADVD-R   UJ-8A8 
    USB Information:
        Apple Inc. FaceTime HD Camera (Built-in)
        Apple Inc. Apple Internal Keyboard / Trackpad
        Apple Inc. BRCM20702 Hub
            Apple Inc. Bluetooth USB Host Controller
        Apple Computer, Inc. IR Receiver
    Thunderbolt Information:
        Apple Inc. thunderbolt_bus
    Gatekeeper:
        Mac App Store and identified developers
    Launch Daemons:
        [loaded]    com.adobe.fpsaud.plist Support
        [loaded]    com.microsoft.office.licensing.helper.plist Support
    User Login Items:
        iTunesHelper
        Dr.Web Light
        Dropbox
    Internet Plug-ins:
        SharePointBrowserPlugin: Version: 14.0.0 Support
        FlashPlayer-10.6: Version: 14.0.0.125 - SDK 10.6 Support
        Flash Player: Version: 14.0.0.125 - SDK 10.6 Support
        QuickTime Plugin: Version: 7.7.3
        Default Browser: Version: 537 - SDK 10.9
    Safari Extensions:
        iGetter Extension: Version: 2.9.2
    Audio Plug-ins:
        BluetoothAudioPlugIn: Version: 1.0 - SDK 10.9
        AirPlay: Version: 2.0 - SDK 10.9
        AppleAVBAudio: Version: 203.2 - SDK 10.9
        iSightAudio: Version: 7.7.3 - SDK 10.9
    iTunes Plug-ins:
        Quartz Composer Visualizer: Version: 1.4 - SDK 10.9
    User Internet Plug-ins:
        iGetter Plugin: Version: 2.9.2 Support
        iGetterScriptablePlugin: Version: 2.9.2 Support
    3rd Party Preference Panes:
        Flash Player  Support
    Time Machine:
        Time Machine not configured!
    Top Processes by CPU:
             4%    Dropbox
             3%    WindowServer
             0%    fontd
             0%    Microsoft Word
             0%    Microsoft Excel
    Top Processes by Memory:
        242 MB    drwebd
        176 MB    Dropbox
        147 MB    Dr.Web Light
        86 MB    WindowServer
        82 MB    App Store
    Virtual Memory Information:
        43 MB    Free RAM
        1.68 GB    Active RAM
        1.65 GB    Inactive RAM
        641 MB    Wired RAM
        421 MB    Page-ins
        0 B    Page-outs

    Meli070,
    uninstall Dr.Web Light.

  • How can I make a image like this one? (image in description)

    Hi guys I need to know how can I make a image like this one http://img31.imageshack.us/img31/2710/69823211.gif
    I need step by step instructions please. How can I animate it like that? Whats the font? Tell me everything please.

    To do a step by step instruction on here will take someone a very long time, as you havent really said at what level you are at.
    On Youtube there are a lot of animation tutorials for PS. But essentially in this case you are moving that white streak across a few frames at a time.
    The font might be found with the help of http://http://www.myfonts.com/WhatTheFont/

  • How can I make an image placed in the body tag expand to the entire width of the browser?

    How can I make an image placed in the body tag expand to the entire width of the browser?I

    background-repeat -- best used with small image tiles.
    background-gradient  - Ultimate CSS Gradient Generator - ColorZilla.com
    background-size:cover - Resizable Full Page Background Image
    Nancy O.

  • How can i make my video card and sounds work on Windows 7 on my Macbook Pro 2.2? Help please...

    How can i make my video card and sounds work on Windows 7 on my Macbook Pro 2.2? Help please...

    i lost my Mac OSX dvd...

  • How can I make a drawing stable and not disappear?

    When I draw some shapes in a panel, if another window goes over the panel, then the drawing disappears and I have to draw it again.
    How can I make the drawing stable?

    Encephalopathic wrote:
    Of course you've read the graphics tutorials, and you are doing all of your drawing in a paintComponent(Graphics g) method override, correct?Encephalopathic is correct. If you want the stuff you draw to persist, you should override paintComponent() and redraw everything there. Just because you've drawn something on a component once (say, a line or an Image) does not mean it'll be redrawn the next time the component needs to be painted. You have to re-draw your custom stuff every time a repaint event is sent to the component, and that means overriding paintComponent().
    If your component will have lots of custom painting done to it (such as if you're making a MS Paint-style program), you might want to consider drawing to a BufferedImage, then in your component's paintComponent() override, just rendering the BufferedImage. Check the documentation for more details.

  • How can you make an image change every time you refresh a page?

    Hi.
    I've recently redone my website and was wondering how I could make the image on my main page change every time you refresh the page?
    Like is there a certain script you can use?
    Here's my website
    www.liamfawcett.com
    Thanks

    Copy & Paste the following JavaScript code between the <head> and </head> tags in your HTML document, in Code View of course.
    <script type="text/javascript">
    <!--//Random Banner image on Page Reload
    //store the images in arrays below
    images = new Array(5);
    images[0] = "<a href='http://www.example.com'><img src='some_image.gif' </a>";
    images[1] = "<a href='http://www.example.com'><img src='some_image.gif' </a>";
    images[2] = "<a href='http://www.example.com'><img src='some_image.gif' </a>";
    images[3] = "<a href='http://www.example.com'><img src='some_image.gif' </a>";
    images[4] = "<a href='http://www.example.com'><img src='some_image.gif' </a>";
    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    //done
    // -->
    </script>
    In the array, change URLs (http://www.example.com) to your own links.  Change images (some_image.gif) to your own images.
    Save page.  Preview in browser.  Hit refresh (F5 or Ctrl+R) to see the images change.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • How can I make the image number biger in a PDF presentation?

    How can I make the original image number, biger, located on the lower part of the picture in a PDF presentation so people don't have to zoom in 50% or 100% in order to see number of each picture in a automate PDF presentation. Thank you for your help

    When a document is signed, the signer has the option of locking the document. The links won't be active if the document is locked, so to avoid this, instruct the signer not to lock when signing.

  • How can I make my images look good when exporting to PDF document?

    Hello! I'm struggling here with a PDF Brochure that I need to create (intended for web only, not print).
    There are two images that look horrible and pixelated when I create my PDF file. I have tried everything, making the images bigger and smaller, using 72 dpi images and 300 dpi ones. Everything results the same way... It looks perfect in my InDesign file, but in the PDF it looks all damaged. Here are two screen shots, one of how it looks in the PDF and one of how it looks in InDesign.
    Could you please tell me what I need to do to guarantee that the image looks good quality in the PDF? (My document is 40cmx20cm, I don't not if using cm is affecting the document).
    To export to PDF I'm using the option: Adobe PDF pressets --> Smallest file size.
    If you can help me I would really appreciate it!
    Thank you,
    Nataly.

    beer and no prepress schrieb:
    If it's for the web, why not export to JPEG?  Why PDF?
    Terrible idea. In a JPG the text will not be alive, you loose all interactivity.
    And making JPGs with InDesign is not what the program is meant to make.

  • How can you make an image adjustment on all images in a Stack

    If one had a stack of images that need a brightness adjustment. How can you preform the adjustment a stack of images that need the same amount of adjustment?
    Many times I have a stack of images that need a +10 brightness adjustment on them and it would save a lot of time if I could do it on a whole stack of images.

    good points, as l/s takes every adjustment ... including autolevels/exposure ... BUT DOESN'T make them auto to the next image(s), it just lifts the current image settings !!! which is fine for a five shoot series all at the same exposure, but not so much when it is not !!!

  • How can I make a circular mask and decrease the expansion without....

    I created a circular mask using the elliptical tool on a 400x400 pixel composition, but when I tried decreasing the Mask Expansion from 0.0pixels to -180 pixels the circle becomes a vertical ellipse. I was wondering why does it become elliptical and how can I change it that it stays circular? Thanks

    Same answer as 2 threads down: http://forums.adobe.com/thread/1016445?tstart=0
    Mylenium

Maybe you are looking for

  • Iphone sync Calendar does not work

    I just loaded OS X 10.9 and iPhone 7.0.3 NOW I cannot get my iPhone to sync with my calendar using itunes. If i add an entry to the phone calendar app, it does not sync to the iMac calendar and vice versa. What to do ???

  • Anyone help me redundancy for serial in to fast ethernet

    We have connected some customer through leaseline through router serial interface . the main problem is sometime the leaseckt is down for 2 or 3 days continously. so we want redundancy for those customer. we have backup rf link so any possiblities ar

  • Why is my 3gs so slow?

    I have an iPone 3gs. When I go to ABOUT I see i've got veersion 5.1, 28.3 capacity and 23.2GB available. Only 12 videos, no songs, 447 photos and 122 applications. Are any of those too many....and slowing it down? How can I make it quit stalling and

  • Why do I get other software when I update?

    when the update box opens, I click where indicated and as the update is downloaded I get other software downloaded also. It is things like 7/24 help, PC fix, dialasearch engine. Things that I don't want.

  • Disable led on 1131AG while associated with an WLC

    Hi, On autonomous AP's one can disable the bright status LED using the "led ....." command. But how can I disable the LED on a LAP-1131AG? The AP hangs in a bedroom so the light is quite annoying. Thanks!