Overlapping layers/hotspots?

I'm looking at creating a photo gallery and here's what I'd
like to do. 9 thumbnails of photos in a 3x3 grid all sitting next
to each other. When you click on one of the thumbnails the
thumbnail layer would be replaced by the relevant photo. Then by
clicking anywhere on the photo would then reload the thumbnail
layer.
Now, is this possible to do? Any help would be much
appreciated as I've just attempted this and cannot get to have the
hotspots on separate layers.

In order to create that behavior in Fireworks you might have
to separate it into multiple pages. Slices on the same page cannot
overlap very easily (there are some tricks, but I'm not sure they
would work for you in this case.)
So basically, on Page 1 you would have the 3x3, each would
contain a hotspot. Then you'd create 9 focus pages, and each hotpot
on page 1 would link to those 9 other pages.
Best practice, however, would be to create this stuff by hand
in HTML/CSS/JavaScript. There's also a popular already-made script
called "Lightbox" that might work great for you here:
http://www.huddletogether.com/projects/lightbox/

Similar Messages

  • Deleting parts of strokes on overlapping layers

    Hello
    I have created some complicated lineart on layer 1, then some more complicated lineart on layer 2.
    I then want to merge the two layers.
    I need to delete the parts of  the lineart on layer 1 which are overlapped by lineart on layer 2.
    I dont know how to do this, other than going through deleting each anchor point/path individually. This takes for ever, and there must be a correct way to do this.
    I would be very grateful if someone could show me how to do this.
    Thanks.

    Thanks for your response Jacob.I have attached an image (which hopefully you can open!). The horizontal lines of lace going across the toy soldier uniform are on one layer. The loop of lace on the soldier's right chest is on another layer. Those two layers will be merged into one layer, and then merged with the layer of the soldiers outline. I dont know how to efficiently delete the bits of the horizontal lace which are under the loop of lace. 
    RegardsPeter
    http://www.peterdewitscafe.co.uk
    http://www.peterdewittoymaker.co.uk

  • Selecting overlapping layers in the comp panel

    I'm just curious about this...
    Imagine a comp with two solids - each solid being less than full comp size, and positioned so they partially overlap each other.
    The rearmost solid is selected.
    You're using the selection tool to click / select solids in the comp window.
    If you try to select the top solid by clicking on it where the top solid overlaps the rearmost solid - it won't select.
    Is this intended behaviour? Why?
    Thanks,

    See this page for instructions on selecting layers.
    If you have a request for things to behave differently, you can submit a feature request.

  • Overlapping layers over and under. Local layering

    Back when they had a preview of what could be in CS6 there was a video where they had 5 layers, one the back ground then the remain 4 were like match sticks, arrange to overlap each other to form a square or tic tac toe board.  Where you can then create woven layers.
    http://youtu.be/3bfjRT-Rt5k
    Is it possible to do this yet?

    As far as I know, that is something that is under development and not part of PS yet.  Only way to do that currently is with layer mask.

  • Overlapping listeners in layers, help

    Hi,
    I have one more question.
    I am using a JLayeredPane, and in there i have multiple panels in different layers.
    Each panel has it's own mouse motion listener, and the parent panel containing layered pane also has mouse listeners.
    depending on which panel is on top, i want different things to happen.
    I noticed that when the parent panel has its mouse motion listener working, the listeners of the panel who is at the topmost layer don't work.
    how do you control multiple listeners of overlapping layers?

    The top layer (parent's glass pane?) will always grab the click. Java makes a good guess, like using a Button if it's added to a Panel but if your needs are more complex, you should take over and not depend on a layering scheme.
    Set some sort of flag when you change panels. Then have your code call an appropriate listener based on the flag:
    final static int
        THIS_PANEL = 1,
        THAT_PANEL = 2,
    int activePanel = 0;
    // after setting thisPanel
    activePanel = THIS_PANEL;
    // in main mouse listener
    // MouseEvent is "me"
    switch activePanel {
      case THIS_PANEL:
        thisListener( me );
        break;
      case THAT_PANEL:
        thatListener( me );
        break;
      default: // whatever
    } // end switch

  • Layer overlaps in Dreamweaver

    I've been creating pages for my site in Adobe ImageReady 8.0.
    Each document is used as as the basis of one html page. I segment
    pictures using the slices function, leaving spaces for copy as
    passive slices. (Is this the way to go or should they be active? It
    doesn't seem to make a difference.)
    I then upload each page to Dreamweaver (Macromedia version
    8). My problem is often when I try converting the layers to a table
    it won't let me due to 'overlapping layers'. I've checked all the
    right boxes but it still does it randomly. Other times I'm told the
    page 'won't display in 3 browsers as some layers bleed off screen.'
    I don't know anyone else who uploads whole pages with
    ImageReady. The only problem I find is that if I change a page then
    hit 'update html' it doesn't preserve the links on the existing
    dreamweaver document. There seems to be no documentation on this
    problem as Imageready doesn't talk about Dreamweaver and vice
    versa. I thought it would all be solved when Adobe took over but I
    have a friend using Adobe Dreamweaver and he's butting his head
    against the wall.
    Can anyone help.

    > I thought it would all be solved when Adobe took over
    Adobe cannot solve a "poor technique" problem. What you
    describe for your
    method certainly qualifies as that. If you are serious about
    HTML
    authoring, then you will have to get serious about learning
    HTML and CSS.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Phil Kininmonth" <[email protected]> wrote
    in message
    news:g516t6$mld$[email protected]..
    > I've been creating pages for my site in Adobe ImageReady
    8.0. Each
    > document is
    > used as as the basis of one html page. I segment
    pictures using the slices
    > function, leaving spaces for copy as passive slices. (Is
    this the way to
    > go or
    > should they be active? It doesn't seem to make a
    difference.)
    >
    > I then upload each page to Dreamweaver (Macromedia
    version 8). My problem
    > is
    > often when I try converting the layers to a table it
    won't let me due to
    > 'overlapping layers'. I've checked all the right boxes
    but it still does
    > it
    > randomly. Other times I'm told the page 'won't display
    in 3 browsers as
    > some
    > layers bleed off screen.'
    >
    > I don't know anyone else who uploads whole pages with
    ImageReady. The only
    > problem I find is that if I change a page then hit
    'update html' it
    > doesn't
    > preserve the links on the existing dreamweaver document.
    There seems to be
    > no
    > documentation on this problem as Imageready doesn't talk
    about Dreamweaver
    > and
    > vice versa. I thought it would all be solved when Adobe
    took over but I
    > have a
    > friend using Adobe Dreamweaver and he's butting his head
    against the wall.
    >
    > Can anyone help.
    >

  • CSS AND LAYERS

    Probably an incredibly stupid question, but is it possible to
    use both layers and css. I have a header image, but i want to
    overlap the content i'm typing a little and the only way i can
    think of doing this is by drawing another layer and overlapping it
    a little, but dreamweaver wont seem to let me, i'm fairly sure you
    can't overlap layers with CSS

    See what happens when you resize your text in the browser.
    Such schemes are
    always wrecked when that happens.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "sprecks1" <[email protected]> wrote in
    message
    news:es1mc4$ssa$[email protected]..
    > Probably an incredibly stupid question, but is it
    possible to use both
    > layers
    > and css. I have a header image, but i want to overlap
    the content i'm
    > typing
    > a little and the only way i can think of doing this is
    by drawing another
    > layer
    > and overlapping it a little, but dreamweaver wont seem
    to let me, i'm
    > fairly
    > sure you can't overlap layers with CSS
    >

  • Prevent Overlaps stays checked

    For some reason, I can't turn off the "prevent overlaps"
    check box in the layers window. Well, I can, but it's checked again
    as soon as I click back into the preview window, so I can't
    position nested divs inside each other at all. It didn't use to do
    this, and now I'm back to pixel counting to manually move these
    divs around.
    Any ideas?
    Thanks

    Maybe you need to rethink using layers altogether. They are
    troublesome for
    those inexperienced in their use, particularly when it comes
    to putting text
    content into them. To find out more about them, go here -
    http://www.great-web-sights.com/g_layerlaws.asp
    http://www.great-web-sights.com/g_layer-overlap.asp
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "ibogardi" <[email protected]> wrote in
    message
    news:evnfbf$kju$[email protected]..
    >I have the same problem, I want overlap layers and
    "prevent overlaps" is
    >checked again. I hope we get some answer now.

  • Can't paste HTML in design view on Mac

    Hi,
    This works fine on my PC and has for years but on Mac OS 10x I seem to be losing all the formatting when I copy an existing HTML page into DW. I have set the preferences to retain max formatting but no dice. When I try to paste into an editable region of a template, nothing happens at all. I have CS4 on the Mac and MACromedia DW 8 on the PC which works fine. Is this a Mac or CS4/new glitch?
    Thanks, Lili

    Are you working with overlapping Layers (aka APDivs)?
    Do you have overflow: hidden in your CSS code?
    Can you post a link to the problem page?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Has anyone managed to watch Breaking Bad Season 5 on ATV without cursing?

    I am getting a lot of green pixel lines, pixalation in general, ghost images, overlapping layers, all kinds of digital distortion. I suspect the latest firmware because Netflix is really smooth and all HD.

    I got the email and downloaded 2 copies of the behind the scenes clip, as well. Can we talk about how RIDICULOUS this is? I paid $23, and Amazon Instant has the episode already, and has for HOURS. Not to mention, it doesn't even give you all of season 5. Season 5 IS the final season. This is honestly ridiculous and incredibly disappointing. I can't even watch the behind the scenes yet, because it will spoil the actual episode which isn't out yet. It's not even consistent in release time. Last week, this time, I already had my post-Breaking-Bad-episode glow. This week, this time, it's more of an angry, unattractive, red.

  • Quality issues when importing still images as frames for animation

    hello,
    i've imported roughly 600 hand-drawn and scanned (600 dpi) images as frames for video. the images themselves are really crisp and perfectly how i want them to appear. i've imported each to play for 2 frames then move to the next. once done, i save this video file as an .avi. i then repeat the process in order to layer the video (using Calculations filter) over and over again, to fill up the screen with overlapped, layered animations. in theory, these layers should all remain crisp, just like the scanned images. i was under the impression that the standard Export... > Movie... .avi file is essentially lossless and is best for editing, however when my process is completed, the final product is muddy, grainy, and pixelated. i'm not sure where i am going wrong, as i've actually done this process before with success.
    is there a way to specific the working file as "high definition" or something similar so that the quality is just as crisp as the scanned images i am using as source
    any help is appreciated - i am completely self taught in video editing and it is really bugging me that the file output is not how i envisioned.
    thanks,
    DB

    I note you specified that the images were 600 dpi.  The dot per inch are an issue only for printing a hardcopy.  For video work, the issue is the pixel dimensions and the pixel aspect ratio. If your image is 600 pixels by 400 pixels with a PAR =1.0. If your sequence is 1440 x 1080 with a pixel ratio ratio of 1.33, then the images must be the same and PrPro must scale up the image.  You can get good images from imported stills in PrPro. I prefer to rescale my images using Photoshop.  I am told that the scaling algorithm in PrPro has been improved.  But regardless, if you are scaling up, you will see degradation becauae Prpro has to interpolate between pixels to fill the video frame.

  • Small screen rendering bug

    There is a very subtle rendering bug when overlapping text.
    I'm not sure if this bug is worth fixing, as depending on how
    Mars rendering is implemented, it could be very difficult to fix.
    When overlapping to sections of text, the anti-aliased pixels
    will compound between overlapping lapping lines. This leads to a
    slightly "heavy" look at the point of overlap. This most affects
    double-layered / slightly-offset text used for shadowing, as the
    outlines of the two text areas match closely. It affects screen
    presentation and not print.
    The easiest way to demonstrate this bug is to copy and paste
    a text node multiple times into the SVG document. The rendered text
    will darken each time, until eventually, the text has a hard,
    jagged outline. The affect is easiest perceived with smaller font
    text because the ratio of anti-aliased pixels to 100% "solid"
    pixels is greater.
    The preferred behavior in this case would be to pick the
    darkest color point for that pixel from among all the overlapping
    anti-aliased pixels for each channel of color. The resulting
    anti-aliased pixel layer would then need to be blended as normal
    with any other overlapping layers... This could be tricky, but I
    think it would increase the overall quality of screen
    rendering.

    Unfortunately, this bug is pretty much beyond our control.
    Pixel-level rendering issues like this are handled entirely within
    the Acrobat core -- our plugin parses Mars SVG, converts it into
    Acrobat-friendly data structures, and then hands everything 'over
    the wall' for the Acrobat core to render.
    We have some control over the renderer's low-level settings,
    and I hope to exploit that in the next major release of the Mars
    plugin to take care of some other pixel-level rough-rendering bugs
    we've been seeing. However, this particular bug looks way too
    subtle for us to address with the level of renderer access we're
    given ...

  • Edge Animate Best Practices

    Dear Community,
    I have been wracking my brain to try to understand why my animation appears constantly jerky. I am new to Edge, and not a coder, and Im wondering why this happens:
    http://www.christinaciardullo.com/ESO_HolidayCard_2014_4.html
    What am I missing? I wanted to ask some best practices regarding
    File Sizes: My pngs generally range from 30-90KB, with larger background images up to 500KB. Is this too much? What are appropriate file sizes for this kind of animation?
    Animation Lengths: 2-3 second transitions, and constant back and forth motions.Too much at once?
    Overlapping Layers: There is a lot of opacity changing in this - Is it not good to have things animate one on top of the other?
    Animating Re-sizing: Maybe this is too much to ask? To zoom out?
    Thank You!
    C

    Based on my experience, zoom-in and outs of large files are generally the number one culprit in performance slowdowns. In your animation, between the zoom-out on the ball and background and the animations on the balls (multiple fade transitions and rotations), there's a lot to process at once. My first couple of suggestions are to decrease the the file size on the background image (the tree) and then to only begin the ball animations once the zoom out has completed. I'm guessing the background image is the 500kb image you referred to. Try taking it down to whatever quality is best before it's noticeably compromised. There's no fast rule for appropriate sizes – much of its depends on what you want to do with it and the platform it's going to run on. For instance, I noticed that the animation runs smoothly in Chrome while it has the hardest time in Firefox.

  • AE CC 2014.1 - layer selection and bounding box issue.

    Upgraded to AE CC 2014.1 yesterday and now the Bounding Box around layers does not appear when hovering the mouse down the layers in the timeline.
    When dealing with many overlapping layers, a quick way of finding elements was to hover the mouse down the layers in the timeline which then showed a bounding box around that layer in the composition window.
    Am I missing something? Has this been omitted... or is there a preference I can't see... or is this a bug?

    Hi Tom,
    I will say only this, and then nothing further on this thread, on the discussion of the new user interface design in After Effects CC 2014.1. (I dislike thread hijacking.)
    We are looking at all of the feedback being provided. We want to you to voice your opinion. Please be specific as to what problems you are having with the new user interface design.
    I also want to note here that the blue color alone is not what is generating feedback. "Blue" is being used as a collective term for the changes, but I fear that such generalization is creating a false impression that simply changing the color will resolve the complaints. There have been many, many small changes of which the highlight color is only one. We need to hear specifically from you which of the changes you dislike, whether it's the blue color specifically, or the brightness/contrast of the blue, or the brightness or design of other parts of the user interface, and in which contexts it causes a problem.
    So please let us know what you think, here on the forums in a new thread or one of the existing threads, or send us your feedback privately: adobe.ly/feature_request
    You haven't seen many replies from us on the other threads because we want to receive your honest feedback. The new user interface design has been available to you for all of one week as of today, and now is the time for us to listen to you.
    -=Tim

  • Photo within a photo

    Hi all,
    I'm new to the forum as well to Photoshop itself, so please pardon the newbee questions.
    In putting together art work for CDs and DVDs, I would like to put a small photo within a larger one. I assume you would overlap layers (?) But when I open a new photo (the smaller one) it has its own set of layers.
    How do I set a photo within another?
    To clarify, I'm using Photoshop Elements 3.
    Thanks,
    --Barry

    Barry
    Working with layers is confusing for many new users so don't feel too frustrated.
    Method 1
    Open Image 1.
    Open Image 2.
    Click Windows>Images>Tile.
    You can now drag your second photo into the first photo. It should create its own layer that you can move/resize with the Move Tool.
    Method 2
    Open the image you want to move.
    Select All Edit Copy.
    Close this image.
    Open the image you want to hold both images.
    Edit Paste.
    It should create its own layer that you can move/resize with the Move Tool.
    The only difference is how many windows you have open at one time. I prefer working with only one open window, but that is strictly personal preference.

Maybe you are looking for

  • Buzz/alert in calendar doesn't work

    Hi, in my MBP 15" retina late 2013 with 10.10 doesn't work the buzz when appears the notice in my notification center. In notification center of system preferences the sound is on but it doesn't work. OSX 10.10 Yosemite. Regards

  • DECODE function in Oracle gives duplicate data

    Hi, I want to retrieve distinct result using decode function and given below are the queries for that. SELECT DISTINCT O.*, DECODE(TA,'AP',AMT,'AC1',AMT,'AC2',AMT,'AC3',AMT,'AC4',AMT,NULL) AS CA, DECODE(TA,'AD1',AMT,NULL) AS DA FROM HT O, HIS H, V_CV

  • MDP - HDMI Questions and Answers

    I recently purchased a 13" Macbook Pro. Love the computer but obviously with a 13" screen I wanted something bigger at home. I had a 32" TV that I wanted to use as a monitor so I purchased the MDP-HDMI adapter. The adapter worked fine but there a cou

  • How can I improve performance (image searching)

    Hello, My program makes many calls to a method that compares two images. It does this by using nested for-loops (one for x-pixel and one for y-pixel) to search through a BufferedImage image and use getRGB() to compare pixel-by-pixel to see if the two

  • Any suggestions on T2000 disk detection?

    We bought 2 used T2000 with 2 72GB disks in each.  Initially the one we tested seemed to run OK. Then we had a requirement to use the system with 4 disks. Initially the system was running Solaris 10 fine with ZFS mirrored disks in slots 0 and 1. Addi