Pan Image with AS2

I am looking to create a similar effect to the one in this website:
http://www.timoweiland.com/
I have a large image that I would like to pan around on various button clicks and I have no idea how to begin.  Any help or a point to the right post/tutorial would really be appreciated. 

Look into using the actionscript Tween class to change both _x and _y positions and _xscale and _yscale values gradually.  You might be able to find something thru Google using "AS2 Tween tutorial"
That particular site uses more than one image to achive its effect.

Similar Messages

  • Audio problems with panning image

    Hello, I am a relatively new user of flash and had a few
    questions. I am building a panning image within flash, then
    exporting the swf file and creating a new swf file using a plugin.
    The problem I am having is within my first created swf, I am
    creating invisible buttons around the image for people to click on.
    When they click on these "hotspots" they hear audio relating to
    this area. However, the issue I am having is with audio overlap. If
    they click the hotspot more than once, the audio will begin playing
    and major overlap occurs, also if they click more than one hotspot
    at a time, this overlap occurs as well. Right now, there is a audio
    clip at the beginning and the only hotspot that is working is the
    notebook under the person in the picture. Is there a way to include
    in the action script coding something that will stop other audio
    once one clip is clicked? I have included a link to the fla so you
    can take a look.
    Panning
    Image with Hotspots
    Any advice would be greatly appreciated!
    Thanks

    sorry dude I wouldnt be able to give example in actionscript
    2.0 cos I'm currently playing with actionscript 3.0 and its got me
    thinking about it all in a slightly different way.
    I think in actionscript 2.0 you can buttons store the
    actionscript in them, where as you cant do this in actionscript 3.0
    you can't you have to have actions on a frame and then add
    listeners to the buttons.
    If you can do this in actionscript three you'll have
    something similar to
    var isPlaying : Boolean = false;
    _root.notepade_btn.on(release)
    if(isPlaying == false)
    // *Add code to play noise* //
    isPlaying = true;
    else
    // You can add code to re-start noise or just stop it or
    anything you choose is best
    I know this probably wont work but I hope it can't gives you
    somewhere to aim towards
    Gaunt

  • Help with panning image

    Hi There
    I'm building a site that features a panning panoramic image with buttons embedded into it. I've got a piece of script that does it for me, but I have two issues.
    1. My panning image is 500 pixels high and my document is 700px, right now the pan effect works anywhere, but I'd like to limit it to work only when the cursor is over the image (500px in the centre with 100px of white at the top and bottom). So basicly need some sort of 'if' variable for y axis...
    2. Also would like to know if it is possible to stop the pan if the cursor moves away from the image area. Right now if you are panning sideways and you move the mouse out, it will keep panning untill it reaches the end of the image.
    Script that I'm using:
    _global.plotis = Stage.width;
    centre._x = _global.plotis / 2;
    speed = 40;
    full._y = 50;
    this.onMouseMove=function(){
    delete this.onMouseMove;
    this.onEnterFrame = function(){  
        if(_xmouse<150 || _xmouse>750){
        var A:Boolean = false;
        var X = _xmouse - _global.plotis / 2;
        full._x += -X / speed;
        if (full._x >= 0) {
            full._x = 0;
        if (full._x <= -(full._width - _global.plotis)) {
            full._x = -(full._width - _global.plotis);
    thanks a lot,
    Spawn NZ

    You should be able to include those limits in the conditional you already have...
    if(_xmouse<150 || _xmouse>750){
    maybe something like...
    if(((_xmouse > 1 && _xmouse<150) || (_xmouse>750 && _xmouse < 900)) && (_ymouse > 100 && _ymouse<6000)){

  • Images with JTabbed Pane

    the panels that i am using in JtabbedPane load images in background at run time when i seperately run them images are loaded but when the panels are used in tabed pane images are not visible

    I have overriden the function . what i am using for my panels is the Image panel which is derived from panel class and i create an instance of that image panel on my panel that is to be added on jtabbed control but it is not showing

  • JTabbed Pane Icon with Text at bottom of the image

    Hi,
    Is it possible to use image with text at the bottom of the image in JTabbedpane?
    can anyone help me to do this?
    Thanks in advance,
    Nandha

    that's not directly supported (alignments and relative icon/text position is hardcoded in the uiDelegate) - you need a little detour with a custom tab component:
         JLabel plainLabel = new JLabel("Custom Label", myIcon, SwingConstants.CENTER);
         plainLabel.setVerticalTextPosition(SwingConstants.BOTTOM);
         plainLabel.setHorizontalTextPosition(SwingConstants.CENTER);
         tabbedPane.setTabComponentAt(i, plainLabel);HTH
    Jeanette

  • Pan & Zoom with overlay functions

    Hi.
    Want to craete a zoom & pan image, that also has overya layers that can be swicthed on/off.
    Say theer are 8 levelo of overlaid information activated from a static key sitting outside teh pan/zoom area. Selecting these turns on/off indivusla overlay layers insode of a zoom/pan area.
    Is this possible? If i'd really appreciate some instrcutions.
    Many thanks

    If I understand your question correctly, you'd like to have some overlays on top of a pan & zoom image ? It wouldn't be too difficult to let some buttons switch a few Object State to several overlays. However these states won't scale accordingly with the pan & zoom, if that's what you want...

  • Dynamic Image Gallery AS2

    I have dipped in almost every search engine and this site to
    locate some easier way to create dynamic image gallery in Flash 8
    AS2 using ASP (as i am conversant with ASP only, although i found
    many sites suggesting PHP and XML). I'd be very greatful to u all
    if u could provide me some help in this part of my project.
    I have tried this source also but neither the source throw
    any error nor it displays the images, what could be wrong with the
    source? Please Please Please Please Please Help me!!!!!!!!
    this.createClassObject(mx.containers.ScrollPane,
    "scroller_sp", 10);
    scroller_sp. setSize (100, 300);
    swfThumbs=["imgs/img1.jpg","imgs/img2.jpg","imgs/img3.jpg"]
    this.createEmptyMovieClip("clipLoader",1);
    for(i=0;i< swfThumbs.length;i++){
    clipLoader.createEmptyMovieClip("clip"+i+"_mc",i)
    clipLoader.attachMovie("clip"+i+"_mc","clip"+i+"_mc",i+10);
    clipLoader.loadMovieNum(swfThumbs
    ,i+100);
    scroller_sp.contentPath = clipLoader;
    thanks in anticipation and regards
    raajaindra

    Hi,
    I have a picture show.
    It creates its own folder when you first upload images with
    the integrated Image uploader. Then it loads the images in with
    ASP.
    Have a look at
    http://netwings.info
    - click the B1 Image-show.
    When you are interested, the contact is at the site.
    Regards,
    Luciewong

  • Where is the Pan Image filter

    I need to use the Pan Image Effect on a great set of still images and can't find the Pan Image filter. I should have been able to find it under video transforms folder on the Effects Palette.

    I was able to make the pan effect work. It is really poor when compared to stage tools.
    1) the image pixelation is rediculous
    2) the finished result is worse than  rediculous
    3) I took the stage tools and did a horizontal pan at the bottom of the image that would be equalent to about isa small strip along the botton 8000x6200 image at about a scale of600 during the entire process the entire full resolution image was on screen and the little frame moved across the image and the pop up monitor that was provided by stage tools showed the actual path of the frame across that full size image (30" monitor) so you not only saw it in high resolution but it was extremely easy to track especially when following a non irregular line down a winding canyon or river.
    the reason that the stage tools client list reads like the who's who's of motion picture industry is because it's about 100 times better than using the motion effect built into Adobe.
    http://www.videofame.com/VideoProductions/Client_List_Broadcast.mht
    did you really think that Lucas Films would have been one of the largest users of this plugin if Adobe had the panning capability this does.
    You guys are like trying to think that anything you can't do Adobe directly is silly. Give it a break. I love Adobe I own I think the fact that they encourage outside vendors to create great plugins for Adobe users is brilliant. some how I think you guys have missed the point. Adobe can't even compare with stage tools for panning and zooming. like a difference between a VW bug and a F1 Ferrari it's just rediculous. But don't take my word for it download the stage tools for free like I did and try it. You just won't believe the difference. You need to start with a super quality image though from the Hasselblad website downloads area you should be able to download some 50 or 60 MB files that are like the dimensions shown below:
    http://www.hasselbladusa.com/products/h-system/h4d-60.aspx
    Sensor size: Dalsa 60.1 Mpixels (8956 x 6708 pixels)
    Sensor dimensions: 40.2 mm x 53.7 mm
    Image size: RAW 3FR capture 80 MB on average. TIFF 8 bit: 180 MB
    Where talking Lucas film quality now not 35mm Rebel or D30's

  • Help: I have a globe image with a black background...how to...

    Hi,
    I have a simple Earth globe image with a black stars background. I'd like to cut out the black background and get this all white....basically id like just the globe visible with no background.
    http://www.ingerreime.no/inger/Images/globe.tiff
    I know this is newbie question, but i have no idea how to do it. Please don't tell me i have to get photoshop???
    Thanx!
    David

    Dave:
    Terence isn't the jerk in this thread. He's was just attempting to give you a solution you can run yourself instead of having it given to you.
    GraphicConverter can create a transparent file, a gif. Try the following workflow:
    1 - first convert the file to a gif (use 89a) and save and reopen.
    2 -select the Magic Pen and set it's sensitivity to about 40 (double click on it will bring up the setting pane).
    3 - click on the black background to select all of the black.
    4 - select to the Edit->Make Selection Transparent menu option.
    5 - save the file.
    The black will turn to a checkerboard pattern indicating transparency. If you anticipate a lot of advance editing I suggest you look at Photoshop Elements. I find it much more powerful than GC and it supports layers which is a very powerful too. Here's an example of some of the advanced editing you can do with it.
    Do you Twango?
    TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
    I've written an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

  • Scrollable content (pan option) with hyperlink doesn't work

    Hello, I'm trying to layout a page to scroll horizontaly with an hyperlink to a web site. I've followed the steps given in the digitalpubsuite_help.pdf (Page 51 - Last updated 1/25/2012).
    After grouping the image and the hyperlink, I cut it and I paste it into my container frame, but it's there when my container frame doesn't show me the Pan option in the folio builder (it's desactivated) and it remains with the option Web Content active.
    So, I tried to do the same thing, but using a button instead of an hyperlink, but it doesn't work either. And in this case I have the message 'content generation error: invalid URL for web content overlay' when I try to update my article.
    Could somebody help me to figure out why this is happening? What am I doing wrong? Thank you

    No, it takes this property (web content overlay) once I paste the content into the frame. I also noticed that when I group my image with the hyperlink all my group become an hyperlink. I've already reseted it as you say but it didn't work!!!!

  • I am using a Photoshop cs2, and I wonder if it is possible to keep the settings of the guidelines when closing an image, with the actual document ? It would be nice to have the guidelines locked down, I find it than when opening the same or another image,

    I am using a Photoshop cs2, and I wonder if it is possible to keep the settings of the guidelines when closing an image, with the actual document ? It would be nice to have the guidelines locked down, I find it than when opening the same or another image, the guidelines are not locked, it is annoying to have to lock them down again. and it would actually be nice, to ba able to give specific directions when placing the guidelines. Thanks

    Then why are the guides unlocked when I reopen a document that I saved with the guides locked ?
    Thanks.

  • Bridge CS4 won't output to pdf multiple images with same filename

    Hiya...my googling efforts have thus far failed!
    I've got CS4, and in Bridge, I created a New Smart Collection to find all filenames in a folder containing "." or ".jpg" - which in turn searched through all the subfolders like what you used to be able to do in Photoshop CS3.  Very simple stuff, but all the images are jpg's, but in multiple folders (I don't want to move them out of the folders, as the files came from an external source, and there are heaps of folders, and I don't want to pdf each subfolder seperately as it will take forever).
    The problem is that some of the files have the same filenames (again I'd prefer not to rename, as it happens a lot on this project, and they are all over the place).  So whilst Bridge will show the thumbnail images correctly in the content tabbed screen in my New Smart Collection, but once I've done the Output to PDF thing, for example, instead of showing both different images it has pdf only the first image but repeated it twice.  And this happens multiple times throughout the pdf, the more times the same filename is used, the more times the first image gets repeated.
    I know that it is messy to have multiple similar filenames, but why can't bridge just place the image anyway?  It allocated a space for it on the pdf and does show it in bridge, it just doesn't seem to survive the transfer to pdf well.
    The only other thing that I have done is use the below link (which was posted on another adobe forum thread) to create a custom pdf output template (nothing too fancy, just number of rows / columns, size, font etc).  But I've tried using the standard bridge templates and it does the same thing.
    http://www.proficiografik.com/2009/08/03/save-custom-pdf-output-template-in-adobe-bridge-c s4.html
    Any help would be appreciated...even if to tell me that I am being unreasonable!
    UPDATE 16/11/09
    Just to let you know that I seem to have resolved the bug inadvertently with one of the Adobe updates. The below is the link for the AdobeOutputModule-2.1-mul-AdobeUpdate.zip which was released on 2/19/2009 - which allows for headers & footers to be placed in the Ouput pdf. I finally installed it today, and everything seems to be working fine now (i.e. I can pdf multiple images with the same filenames and the pdf will actually show each different image rather than repeating only 1 of the images).
    Must have been a fix installed in the contact sheet templates that get installed with the update - not sure why the original version was corrupted, but I've left that with the Adobe guys (I submitted a bug report - and they were able to replicate the problem but hadn't fixed it as yet).
    http://www.adobe.com/support/downloads/detail.jsp?ftpID=4228
    Message was edited by: djtun71 (16/11/09)

    When I click import from disc I am asked to choose a disc and then I get this message:
    The following photos will not be imported because they are already present in the catalog. To see these photos in the catalog select 'Show in Library' (the import will be canceled).
    This is followed by a long list of images. If I click 'Show in Library' I can see all the images with the same filename. And then they start to automatically write over those images with images from the disc. However they keep the same metadata and keywords from the previous images. If I click on Import and deselect the "don't reimport suspected duplicates" box, it imports only the images that don't share filenames and none of the images that do.
    Is there a way of setting the "Don't reimport suspected duplicates" box in preferences?

  • Image with text

    I have created an image with text (map with town names). The
    text is 12px Verdana bold. When I export to a gif (only a few
    colors) and show on a page I want to get the text to show clear
    when the page is resized. But it does not it becomes more obscure
    as it gets smaller. I have the image which I have styled
    {width:100%;height:100%;} to stop the image expanding the td it's
    in.
    Can anyone advise how best to achieve good font clarity in
    images that may be resized?
    thanks.

    ROGM wrote:
    > Can anyone advise how best to achieve good font clarity
    in images that may be
    > resized?
    Use Flash format, which is scalable. GIF's are not scalable.
    Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
    http://www.projectseven.com
    Fireworks Newsgroup:
    news://forums.projectseven.com/fireworks/
    CSS Newsgroup: news://forums.projectseven.com/css/
    http://www.adobe.com/communities/experts/

  • Problem with preloader in Cs5 with AS2

    Hey,
    I made a preloader in Cs5 with AS2 code:
    mask_mc._height = 1;
    this.onEnterFrame = function():Void
    var loading :Number = this.getBytesLoaded();
    var total :Number = this.getBytesTotal();
    var precent:Number = Math.round(loading/total*100);
    mask_mc._yscale = precent;
    txt.text = precent + "%";
    if (loading >= total)
    gotoAndStop(2);
    because I realized that what I'm used to in Cs4 is not working in Cs5. It works fine but, when I press a button that supose to go to another frame, it stock on frame 2.
    How can I solve it?

    terminate that loop:
    mask_mc._height = 1;
    this.onEnterFrame = function():Void
    var loading :Number = this.getBytesLoaded();
    var total :Number = this.getBytesTotal();
    var precent:Number = Math.round(loading/total*100);
    mask_mc._yscale = precent;
    txt.text = precent + "%";
    if (loading >= total)
    delete this.onEnterFrame
    gotoAndStop(2);

  • How can i Display images with may own table

    Hi
    I want display images with my own table. How can I use in this query.
    SELECT    '<a href="#" onclick="javascript:'
           || 'getImageHeight(''my_img'
           || '#ROWNUM#'');javascript:redirect'
           || '(''f?p=&APP_ID.:212'
           || ':&SESSION.:DISPLAY:NO::P212_IMAGE_ID:'
           || ID
           || ''');">'
           || '<img src="#IMAGE_PREFIX#edit.gif" '
           || 'alt="Edit"></a>' ID,
              '<img id="my_img'
           || '#ROWNUM#" src="#WORKSPACE_IMAGES#'
           || filename
           || '"/>' image
      FROM wwv_flow_filesThanks
    Nr
    Edited by: user10966033 on Sep 28, 2009 1:41 PM

    You don't use #workspace_images# since that is for STATIC files, not images in a table..
    see this thread for help: Re: Display image from blob
    Thank you,
    Tony Miller
    Webster, TX

Maybe you are looking for