Interactive Image Panning within a Mask

Hey guys thanks for the help so far. The last piece to the
puzzle for me is figuring out how to scroll a movie clip within a
mask. I'm currently working with the script taken from the
Interactive Image Panning tutorial on kirupa.com as a base. Right
now the script references the entire Stage area for scrolling the
image whereas I want this to happen just within a mask. How do I
set this up. Here is where I have the script right now:
this.onMouseMove = function() {
constrainedMove(Work_placeholder, 4, 1);
function constrainedMove(target:MovieClip, speed:Number,
dir:Number) {
var mousePercent:Number = _xmouse/Stage.height;
var mSpeed:Number;
if (dir == 1) {
mSpeed = 1-mousePercent;
} else {
mSpeed = mousePercent;
target.destY =
Math.round(-((target._height-Stage.height)*mSpeed));
target.onEnterFrame = function() {
if (target._y == target.destY) {
delete target.onEnterFrame;
} else {
target._y += Math.ceil((target.destY-target._y)*(speed/100));
ps. the instance name of my mask is Work_mask (movie
clip)

ok note sure if i got what your saying but il give it a try.
you have a background image and a mask made up of 72 squares
(1 symbol, 72 instance of that 1)
if thats right. i just tried it also all i is 1 box working.
mainly cause there symbols. so how do you do 72 easy make it 1
symbol but not the easy way your ganna have to make it the long way
ill try to help...
go from the stage into the mask symbol so you can see the
background image. now instead of having 72 instances just copy
frames and make 72 layers then move them to fill screen. making
your checked desolve look possible.
if thats not what your looking for please put more info so
someone else or i can help thanks..

Similar Messages

  • Interactive Image Panning Help Please!!!!!

    Hey guys,
    I'm trying to achieve an effect similar to this one:
    http://www.prada.com/pradabook/
    When you click on a thumbnail and the larger image opens, when you move the mouse all the way to the right or left, the image just moves a fraction of the distance...
    I simply can't figure this out...I only manage to have the image follow the mouse til the absolute edges....
    I am playing arround with 2 scrolling codes:
    // Create a point when the image is first clicked
    var mouseLocFirstTime:Point = new Point(mc2._xmouse, mc2._ymouse);
    mc2.onEnterFrame = function()
    mc2.onMouseMove = function()
    // Keep creating points according the mouse position on the image
    var destination:Point = new Point(mc2._xmouse, mc2._ymouse);
    // Find the difference between the two points
    finalDX = destination.x - mouseLocFirstTime.x;
    finalDY = destination.y - mouseLocFirstTime.y;
    // Tween to the difference and add the mc2 x and y since the image inside mc2 is aligned top left
    TweenMax.to(mc2,2,{_x:finalDX + mc2._x, _y:finalDY + mc2._y});
    By the way, mc2 is the large zoomed image, which is much much larger than the stage...its about 8000 px!!!
    The above code works fine, but i'm trying to reverse the direction, which is proving to be a pain!!! Can you guys please help?!?!?
    The other code I'm trying to implement is this one:
    var xRatioS = 0;
    var yRatioS = 0;
    var xTweenAmountS = 0;
    var yTweenAmountS = 0;
    mc2.onEnterFrame = function()
    xRatioS = ((Stage.width - mc2._width) / Stage.width);
    xTweenAmountS = _xmouse * xRatioS;
    yRatioS = ((Stage.height - mc2._height) / Stage.height);
    yTweenAmountS = _ymouse * yRatioS;
    TweenLite.to(mc2,2,{_x:xTweenAmountS, _y:yTweenAmountS});
    Now this one goes in the right direction as I need, but it goes all the way to the edges of my image...and I can't seem to figure out how to reduce the distance to about half or a quarter?!?!?!?
    Thank you guys...I know this a long post....but i'm hoping that someone out there can help me out with any one of the above!!!
    CHEERS

    depending on the way you lay it out you could have it become part of the rollover on each button. But you'd have to have enough space on screen to accommodate the text you want displayed. Note that the video playing as part of menu background can only be so long and adds to the media on the disk.

  • Full Screen Interactive Images?

    Apple's video demo of the interactive images widget  (as seen on this page: http://www.apple.com/ibooks-author/gallery.html ) shows the image opening full screen when clicked. I cannot make this happen. The 'full-screen' option is always disabled in the widget editor, and all interactivity occurs within the confines of the page. Any idea how to make iBooks Author deliver the result shown in this demo? Thanks.

    When you place your 'Interactive Image' Widget onto your page...when you Preview/View on your iPad simple pinch to fully zoom the 'Interactive Image'.. TAP the X in the upper left to close full view mode.
    I suppose you would think a double tap would bring you to full screen mode...but that could be a bad feature for interactivity where readers don't realize its interactive or a static type image.
    Hope that helps.

  • Battling with Interactive Image

    Because I can't change the position of the explanatory text pane in the Interactive Image I got "creative" and fudged it to be more like how I want it. I set the background of the explanatory text to black (with the text itself white) - to the new "pane" is only ever as big as the explanatory text, rather than uniform across all interactive items. I then set the graphical style of the pane's background to "none" so it doesn't show up and overlap any of the image.
    When previewing on the iPad, however, the pane's background appears and greys out my entire image as the explanatory text appears. Not cool.
    Ideally it'd all just appear in the pop-up bubbles but in a rather silly design decision the width of the unselected bubble is the same as the width of the expanded bubble, making a slightly crowded interactive image totally unreadable.
    Does anyone have any tips on removing the background of the pane in the explanatory text properly?
    J

    1) Open Inspector (make sure the widget is the highlighted/active element).
    2) Click on the widget icon (top right brrwn box with cog in it).
    3) You can now choose "Layout" or "Interaction". You want "Layout".
    4) Check or uncheck the boxes for Title, Caption or Background until you get your desired appearance. You can change the position of the label in there too!

  • Interactive Image: Text Styles?

    Is there a standard text style we can edit to modify what shows up in the text boxes when an interactive image zooms in?
    According to the Style menu it's "Body Bullet" text, which just by looking at it you know that's not right. I don't see an "Interactive text" option anywhere in teh menus... assuming it all has to be done manually. BUT if there's a way someone has found to change the default text style within Interactive Images, then I'd only have to do it once and not dozens of times per book. Much like editing layout text (allegedly).
    Ideas?

    Yah I'm a little surprised Apple has left out so many basic features and also integrated some bizarro-world behaviors not consistent with any other Mac app I've ever used (see also Zoom shortcuts). Cmd +, Cmd-, Cmd-0 anyone? This stuff is not that complicated.
    Hopefully we'll get a hefty "polish update" this summer.

  • I have a 2009 MB Pro. I have been trying to do some cleaning of files and discovered that in Finder, All Images, I am experiencing a frustrating problem. I spent a few hours trashing over 4K images and within a few hours, I had as many more. Help!

    I have a 2009 MB Pro. I have been trying to do some cleaning of files and discovered that in Finder, All Images, I am experiencing a frustrating problem. I spent a few hours trashing over 4K images and within a few hours, I had as many more.  I did a couple of thousand trashed images and half hour later, more arrived. There are a lot of images that seem off the internet, including gif.s, png.s. Help!

    First, back up all data immediately, as your boot drive might be failing.
    There are a few other possible causes of generalized slow performance that you can rule out easily.
    Reset the System Management Controller.
    If you have many image or video files on the Desktop with preview icons, move them to another folder.
    If applicable, uncheck all boxes in the iCloud preference pane.
    Disconnect all non-essential wired peripherals and remove aftermarket expansion cards, if any.
    Check your keychains in Keychain Access for excessively duplicated items.
    If you have more than one user account, you must be logged in as an administrator to carry out this step.
    Launch the Console application in the same way you launched Activity Monitor. Make sure the title of the Console window is All Messages. If it isn't, select All Messages from the SYSTEM LOG QUERIES menu on the left. If you don't see that menu, select
    View ▹ Show Log List
    from the menu bar.
    Select the 50 or so most recent entries in the log. Copy them to the Clipboard (command-C). Paste into a reply to this message (command-V). You're looking for entries at the end of the log, not at the beginning.
    When posting a log extract, be selective. Don't post more than is requested.
    Please do not indiscriminately dump thousands of lines from the log into this discussion.
    Important: Some personal information, such as your name, may appear in the log. Anonymize before posting. That should be easy to do if your extract is not too long.

  • Imported Photo's from media pane within iMovie no longer centered?

    Hi, I am using iMovie 6.0.3 to build a slideshow within iMovie. I am using the media pane within iMovie to access and import my photos from iPhoto. The photos are of various sizes, they have been cropped in iPhoto and work well as a slideshow in iPhoto. When i import them into iMovie the photos are no longer centered.... they are oriented to the left and up with asymetrical letterboxing and cut off heads. I need to bring in over 400 photo's and dont want to have to go and recenter/crop each photo from within iMove..... shouldn't they remain centered when i bring them in?
    Thanks
    Chuck

    Welcome to the forum, Chuck.
    It sounds like the Ken Burns Effect may need to be re-centered. By default, Ken Burns centers the image. But if Ken Burns has been set to crop a photo off-center, that's how future photos will arrive.
    To re-center the start/end positions, turn ON the Ken Burns checkbox. Stop the preview. Click on the Start side of the Start/End thingy. Drag the Zoom slider—the top slider—a bit to the right, then all the way to the left. Repeat for the End side of the thingy. Now Import the image. New imports should now arrive centered, as you wish.
    Karl

  • Moving image inside of a mask

    Hi,
    I would like to have in my iBook an image which is masked and which can be moved inside of the mask.
    Does anyone has an idea how this can be done?
    Thanks

    Background on track 1.
    Front image track 2.
    Mask track 3.
    Animate track 2 how you want it to behave, make sure it stays within the mask.
    If you cannot see the front image properly lower the opacity of the mask temporarily a bit. Just to show through.
    Now nest track 2 and add Track Matte effect to this nested sequence.
    Set Track Matte effect to track 3.

  • Interactive Image Not Centered

    When I add a new interactive image to a page, then drag-and-drop and image into that widget, the image is not centered within the frame. Rather it is skewed toward left-of-center by about 10%. Changing the image scaling doesn't fix it. Changing the outer dimensions of the widget doesn't fix it. Nothing I've tried will make an image appear centered within the interactive image widget. Any ideas?
    Note that I've tried this only with landscape oriented images on a landscape oriented page -- so I don't know if the issue exists for portrait mode images.

    Hi Schwerd:
    Yeah. I just tried it with a portrait oriented image, and it shifts up in the frame. So what I'm seeing is that, if the image is wider than it is tall, it shifts left of center. And if it's taller than it is wide, it shifts up.

  • Interactive Image trouble

    I have trouble using an interactive image. I have a 2226x2087 image that I have dropped on an Interactive Image. My problem is that it seems to be positioned at a negative y value within the interactive image and so I cannot have a view show the upper part of the image. Am I missing something with respect to positioning the image inside the interactive image widget?

    The problem has been solved and here was my solution:
    TO PLACE AN IMAGE
    The process to add an image is to give instructions to the end user to copy and paste the image to their clipboard using a word processor or other image software and then select Tools/Comment & Markup/Stamps/Paste Clipboard Image as Stamp Tool. Next, click and drag on the PDF where the image should go. The image can be resized and moved around easily.
    IMAGES NOT PRINTING
    The solution for this was found on a different thread:
    In our case, we noticed that Standard 9 was saving documents so that when the print option was select the default option selected for Comments and Forms was, "Documents and Markups."
    Simply changing this setting to "Documents," as with all previous version of Adobe resolved our printing printing problems.
    Hope this is helpful for all of banging your head against the wall like we were.
    -Hunter
    Thanks, everyone!

  • How can I magic move within a mask

    Hvave masked a long mobile image in keynote over a phone graphic and want to magic move the visual down within the mask but does not seem to work and just fades in and out rather than move?

    This will work OK.
    Have you created two identical slides by duplicating the first (click the slide in the navigator then command D),
    then changing the position of the image on slide two?

  • Dropping images into interactive images widget crops upper third?

    Whenever I create a new widget "interactive image" and drop a JPEG file into the widget only the lower two thirds of the image are shown.
    I try to set the standard view to the whole image but I can't drag the picture down to see the whole image area.
    I would like to set a hot spot in the upper area but I can't because I can't move the image inside the widget frame towards this position.
    Zooming in and out to set the views is no problem. Moving the picture around the lower areas also. It seems as if the widget crops the upper third of my image... Is anyone else having this problem? Or better: what did I do wrong and how can I solve this problem?

    This may help you. Make sure you click on the graphic and not the Interactive window.
    Notice the handles on the graphic. A View box with a slider appears.
    Move the slider to change the size of the graphic within the frame.  Does this solve your issue?
    - Fabe

  • Blurry Photos in Photo gallery and Interactive image widget--(iBooks Author)

    The pictures that I put in my photogallery and in my interactive image widget were at first clear and would get bigger when I tapped on them (in preview mode on my iPad), and then all of the sudden, they all are blurry, and now when I tap on them, they don't get bigger/zoom! How do I fix this??

    The iBook is about 80 pages, and there is an average of one widget per page, sometimes 2. There are a few galleries in which there are more than one picture, but many of them are simply with one picture (because this is the only way to make it get bigger when you tap on it when on the iPad). For the Interactive Image widgets, I took a screenshot of a google maps route, and then focused on different stops to show directions on my iBook. I just redid all of the photo galleries that were blurry, and they are fixed now (no longer blurry). BUT the interactive images are still blurry....maybe I just need to go back and redo them?

  • How can I create a interactive image on ibook author, just like the temperatures map on the "life on earth" book?

    I need a create an interactive image at the ibook author app, but I don´t know how, I saw the interactve image in the "life on earth" book, from the apple store, in an temperature map
    apreciate that someone could help me, please

    Doesn't work w/iBA books & iBooks 2, sorry.

  • How can I change the color of interactive image label box background.

    Interactive image labels are a bit overwhelming in appearance. Can I change the label background color or make it partially transparent? I have tried several things and looked this up on Lynda.com training but no info.

    don't know how much this might help but you can change some colors using the Inspector as follows:
    from the text menu you can control paragraph and character colors, from the text menu you can control the text color.
    hope this helps...

Maybe you are looking for

  • New to the game and need some quick help

    I have been thrown our exisiting phone infrastructure and what do you know we are having some issues. We have a new series of DID's and when they are dialed from our directory they go anywhere? Not routing to the proper extension.  Translation patter

  • Error in running EJB Client on a remote machine

    I delploy my beans and can run the EJB Client locally. However when I try to run the Client on another machine, there are errors. Here is the errors Syntax error Out of environment space Exception in thread "main" java.lang.NoClassDefFoundError: com/

  • Unable to generate a PDF from SWF

    Hi, I am using SWF file as my form. I am unable to generate the form data into PDF with pdfgenerator Livecycle ES2. Does anyone facing the problem?? any help on this.... Thanks in advance

  • My ipad2 's wifi is connected but i can't go internet. who can help me

    my ipad2 's wifi is connected but i can't go internet. who can help me

  • BD14 and BD 15

    Hi Experts Would like to know the usage of BD15, I know the usage of BD14. As per BD15´s sap description it suppose to be for get vendor but i dont see any field to put source logical systems regs