Hidden Layers/ Image swap

Hello, the effect I am looking for contains two images, both
are of the same object one is small ,one is large. I want it for
when a person mouse overs the small image the large images appears
then disappears when they mouse off. I thought this could be done
with hidden layers but I'm having a hard time finding a tutorial
that explains how to do this clearly. I thought I could do a simple
image swap but that doesn't seem to work due to the size
differences. Can anyone help?
Thank you so much for your time.

The large image appears over top of the smaller one?
Assume two images (small and large) and one layer (Large).
Select small and show Large onMouseOver. Select large and
hide Large
onMouseOut.
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
==================
"cmosv77" <[email protected]> wrote in
message
news:e25teb$aqe$[email protected]..
> Hello, the effect I am looking for contains two images,
both are of the
> same
> object one is small ,one is large. I want it for when a
person mouse overs
> the
> small image the large images appears then disappears
when they mouse off.
> I
> thought this could be done with hidden layers but I'm
having a hard time
> finding a tutorial that explains how to do this clearly.
I thought I could
> do a
> simple image swap but that doesn't seem to work due to
the size
> differences.
> Can anyone help?
> Thank you so much for your time.
>
>

Similar Messages

How do I export to PDF in InDesign without the hidden layers

Hi there
This is probably a simple solution but I am trying to export a document to PDF in InDesign without the hidden layers.
i.e - I have created a document that includes images etc from an existing PDF.
When I open the new PDF and use the 'find' tool, Pro is highlighting words on the hidden (original pdf).
I have tried exporting only the visible layers but is there a setting in InDesign that I can use to export only the visible content to pdf?
Thanks in advance.

Jenjimay wrote:
I have tried exporting only the visible layers but is there a setting in InDesign that I can use to export only the visible content to pdf?
Even if you mask off part of a PDF, or place a white rectange on top of it, the text will still be selectable. Other than with raster images, InDesign is not smart enough to clip off parts of a PDF (or rather, it's smart enough to leave them as they are). PDFs can contain incredibly complex objects, and any clipping routine would probably make as many mistakes as it solves problems.
Introduce a small Transparency to this image or one on top of it, then export with Acrobat 4 (PDF 1.3) settings. Since that old version does not support native transparency, ID is forced to redraw the image, and then it will clip off excess data.

QuickLook / Preview and PDFs with hidden layers

Hidden layers in PDF files show up in preview, quicklook and in the generated thumbnails. Is there any known fix for this to get the content to render with only the visible layers?

It would help to look at a sample. Can you post one?
Also, check the "Show Large Images" Page Display preference.

Flattening hidden layers

I found a tutorial on ( www.comeandphotoshop.com/animated-neon-sign/ ) and followed it up to the point of animation. The effect worked fine but it involved stroking outlines then hidding the layer and creating a new layer and adding the effects to the new layer. So far so good everything looks great. Problem is when I flatten the layer to send out to web as a jpeg I get a box that says flattening will disguard all hidden layers. This looses some of the effect. Can you get past the deleation of hidden layers or is there another way to keep all effects? I need to save my hidden layers but can't keep them visible or once again it ruins the effect.
Any help would be appreciated,
Thanks
Chuck

Again.
When you flatten, ALL layers are discarded. Flattened images don't have Layers, by definition. Any layer that had the visibility turned off will have no effect on the way the image looks whether it's flattened or not.
Are you looking at this at 100%? Something else must be going on.
Maybe what you mean by "turned off" is different than what I think. Are you clicking on the eyeball? Are you setting the Fill Opacity to zero perhaps (which is what I would do)?

Image swap and restore

The image swap and restore won't work. I want to have one
image switch to another when clicked and then get restored to the
original image when clicked again. It lets me click once, but it
won't restore the image on another click. I found that when i
change the behavior (to say, double click) it works. Is there any
way to have the two images toggle back and forth when i have a
single click?
Here is my code:
<script type="text/JavaScript">

</script>
</head>
<body>
<table width="287" height="1200" align="left">
<tr>
<td width="279" height="1200" align="left"
valign="top">
<p><img src="SearchingClose.jpg" alt="Searching"
name="SearchingClose"
onclick="MM_swapImgRestore();MM_swapImage('SearchingClose','','SearchingOpen.jpg',1)"
/></p>

On Thu, 3 Aug 2006 12:25:09 +0000 (UTC), "nst_21710"
<[email protected]> wrote:
>please help!!!
With what ? - very many of use use newsreaders to access this
forum,
so cannot easily see what the original questions was - so
many people
will just go to the next message.
I suggest you repeat the text of your original question -
together
with a link to your website.
Malcolm
Malcolm
webmaster
http://www.nb-president.org.uk/
The coal fired steam narrow boat.
Kildare is now back in the water

Show/hide lots of layer, image swaps and page size

Hi - I am working on a webpage that requires 39 thumbnails to
show 39 large
images when clicked and to also show some text on mouseover -
take a look.
http://www.redsea.co.nz/lipitor/slidekit.shtml
I have been asked to use scrolling divs to house the
thumbnails and so i
have.
I'm working through the image behaviours (up to slide no. 10
you'll see) and
I'm wondering if there is a better way to do all this. 39
rollover show/hide
layers and image swaps seems very laborious to me, not to
mention the page
is getting far too heavy........
Anyone got any better ideas? (apart from a dynamic page) -
all thoughts much
appreciated.
Also, any other issues spotted around this site please let me
know, I'm
supposed to have this finished by monday am..
Thanks in advance
Karen

Yes, I have a better idea. Use the ShowPic extension from
PVII -
http://www.projectseven.com/,
or even do it yourself with the SetTextOfLayer
behavior in DW -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Either of those would be much better ways, since the page is
not encumbered
with the weight of all of the enlarged images UNTIL you click
on the
corresponding thumbnail.
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
==================
"Karen J" <karen@don'tmailmeredsea.co.nz> wrote in
message
news:eaeto3$758$[email protected]..
> Hi - I am working on a webpage that requires 39
thumbnails to show 39
> large images when clicked and to also show some text on
mouseover - take a
> look.
>
>
http://www.redsea.co.nz/lipitor/slidekit.shtml
>
> I have been asked to use scrolling divs to house the
thumbnails and so i
> have.
>
> I'm working through the image behaviours (up to slide
no. 10 you'll see)
> and I'm wondering if there is a better way to do all
this. 39 rollover
> show/hide layers and image swaps seems very laborious to
me, not to
> mention the page is getting far too heavy........
>
> Anyone got any better ideas? (apart from a dynamic page)
- all thoughts
> much appreciated.
>
> Also, any other issues spotted around this site please
let me know, I'm
> supposed to have this finished by monday am..
>
> Thanks in advance
>
> Karen
>
>

CSS Image Swap Conundrum Link Rel

Hi. I apologise in advance for the length of the post. It's probably very simple for you, but it's killin' me.
http://jchmusic.com
I've been experimenting with two ideas that are conflicting with one another.
The first is that I wanted to integrate my wordpress-based blog into my site so they look/feel the same. I did this by using a php include in the index page of the blog which reads in the sidemenu of my main site sidemenu.shtml. Seemed to work OK, BUT in order to have the menu look/feel correct it has to read the style sheet from the main site, default.css. So I guess I 'cheated' by adding a <head> statement to sidemenu.shtml like so:
<head>
<link rel="stylesheet" href="http://jchmusic.com/default.css" type="text/css"/>
</head>
...note that it reads in the full path of the style sheet, since the wordpress blog 'lives' in another folder. (I made various attempts at including the style sheet into the blog as a whole but they were disasters. The selector names and ids conflict and it's a MESS.
As I said that works. Now the second issue:
Also on sidemenu.shtml is the top site graphic JCHMusic. There are actually two graphics, JCHMusic for when the user is at the main page and JCHMusic+themusicofjcharris which displays when the user is at any other page. The 1st is hidden in the default style sheet using display:none. When the user is at the main page, the 2nd graphic is hidden using a local stylesheet which reverses the display property. Works fine.
EXCEPT THAT, there is something about having that extra head in sidemenu.shtml that prevents the image swap from working.
IOW: if I remove those 3 lines from sidemenu.shtml, the image swap occurs as expected. But of course, when I do that, it destroys the look of the menu when the user selects the blog.
Can I have my cake and eat it too?
TIA,
---JC

Parent level pages must contain only one set of the following:
1) Valid Document Type
2) Hhtml tags
3) Head tags
4) Body tags
Server-Side includes are nothing more than snippets of reusable HTML code. Most often we use them for shared page elements such as headers, footers and menus. No great mystery to using them really.
http://forums.adobe.com/message/2112460#2112460
SSIs cannot contain any of the above mentioned HTML tags as they already exist on the parent page. If you put additional <head> tags into your include files, this will result in duplicate <head> tags in the parent page once content is parsed by the server. You don't want this to happen. Incidentally, code errors (even small ones caused by YouTube and Amazon code) can cause browser rendering issues. All code errors can and should be fixed.
Finally, If you want to reference an external stylesheet that is currently outside your WP folder, copy the CSS file to your WP folder and put your external stylesheet link inside the WP Parent page; not in the include file.
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to find out the objects are behind(not hidden) an image?

Could you please advise me is it possible to find out if the texts (or) objects are behind (not hidden) an image (or) any tinted boxes using scripting via "illustrator cs3".
Thanks for looking into this.

Hi Maria,
if an text or object are behind an another object, i think you need to test position of this text and his layer.
for exemple:
layers[0] a rectangular pathItems [100,100,200,200]
if there is text or other object, it should be on layer[1] or [2] [3] ...[0+x] ( i didn't talk about sublayer, but it's same thing) and it should have same position than rectangular pathItems or included (x>100 && x<200 && y>100 && y<200) and it should have color.
But in some cases, we will see the text if object is hollow / concave, and script will return "hidden"
art.chrome

Class or Id on CSS Image Swap

Please look at my CSS image swap. I'm wondering if I can use an ID rather than a class and achieve the same results. If so, how would I change the code?
http://kcfi.biz/swap.html

#kfcard {
    height: 171px;
    width: 316px;
    margin:0;
    padding:0;
    background-image:url(/assets/kfcard/kfcard2.png);
#kfcard a {
    display:inline-block;
#kfcard img {
    width:100%;
    height:100%;
    border:0;
#kfcard a:hover img {
    visibility:hidden;
<div id="kfcard"><a href="http://kcfi.biz"><img src="/assets/kfcard/kfcard1.png" width="316" height="171"></a>

Image swap not working in IE

I have set up an image gallery using image swap in the behaviours window. It only shows a thin line where the large picture should be in IE. It does work in all the other browsers.
Please help.

Welcome to the Forum.
We can't help much without seeing your problem page.
Please post a link to your online page.

Image swap glitch

Okay, I've got a glitch with an image swap. There are sopmething like a half a dozen pages in the site rebuild that have image swaps and none of the other have any problems. But this one has managed to find a glitch and likes it so much it won't let go.
I've got the usual table arangement (as in the Classroom in a Book chapter 10 lesson) with the base image in one cel and the links in the others. There are three images that swap out with the main one. I'm using the behavior of clicking on the link to swap the image, not a MouseOver. People are supposed to look at the images, and then if they feel like it they can put the base image back by clicking on that link.
No problem with the first image. No problem with the 2nd. No problem with restoring the original image.
But. No matter how many times I've relinked the 3rd image, clicking on it in a browser gives me a blnk browser page with a message claiming that the image does not exist. When I hit the back button to get back to the page, there is the image right where it is supposed to be. So clearly the code is finding it, but it's sending out a false alert first.
I am assuming that the glitch is in the code, but I don't know enough about code to know what I am supposed to be looking for to find it.
Any pointers?
J. Odell

I went back and hunted through it again and found the problem. Somehow the code was putting a '3' where there ought to have been a hashtag. No idea why it was doing that, but once I replaced it with a hashtag the problem went away.
I'd relinked it a half a dozen times, so it evidently really liked that glitch.
BTW, can you give me any pointers on how you adjust the spacing between paragraphs? two full lines is more than really needed to make the distinction between paragraphs. The version of CSS that GoLive 8 used recognized a setting for adding something like one and a half lines between them. But if that's still in there I don't know what they call it these days. I would assume that it would be in the Block settings along with the justification, but nothing in there looks right.

Image swap and IE7 in DW CS4

I have thumbnails 80px square and a div set at 600px square I select and name a loctor image and put in the div.
When I set up image swap all works fine in Safari, IE8 but in IE7 after the image has swapped, if I move the mouse over or near the large image the image disappears and I get a black 600px size square with a red X in it in the top LH corner, this stays untill I click the next thumbnail. Any help would be appriciated.William

Delete line 372 from...wait...move over a little bit so I can see better...uh oh. My crystal ball just went on the fritz again and I can't see your code from here.
Can you provide a link to the problem page?
Mark A. Boyd
Keep-On-Learnin' :-)

Help building image swap in flash cs4?

Hello all,
I've been trying to research 'flash cs4 image swap' but most everything I find is related to dreamweaver, so I appreciate anyone's help to point me in the right direction.
I have a project in which I have an opening scene of a main image and 8 thumbnail buttons. This opening scene is pretty basic, as the thumbnails would link to a new scene or frame label (however I build it). This 2nd scene or instance in the timeline is where I would display another large image, and 6 new thumnail images that, upon rollover, would swap the large main image with the large version of the active thumbnail.
Basically I have a main 'menu' of category thumbnails that link to an instance in the timeline that displays the initial large image for that category, and allows the user to mouseover the other thumbnails to see the large images, and then click to go to a specific URL for more information.
The trouble I have with my rusty, limited AS knowledge is how to effeciently write the AS so that the image swap works. I quickly ran into a wall trying to acomplish this using a very OLD method that would require a LOT of jumping around the timeline. If there is ANYTHING out there that can help me figure out how to do this efficiently, I would very much appreciate the help.
Thanks in advance

that's really what I'm asking, is if there is any such AS to do this.... I would normally do it just using CSS & HTML, but I have to keep it all contained within one page, I can't click to a new page from the opening scene to show the sub category of graphics. I figured I could set the opening scene up easily with a goto frame label 'category 1'.... then at category one is where I need to figure out what to do to swap the images....
If I keep it very simple with no fade effects or anything, yes I could just jump to a frame and back, and so on.... Instead of animating all the different elements, is there a way to activate an instance of a mc, like a white to transparent fade, and just have that animate in place and out, chaning the images in a layer below it while it's in place? I'm really green to AS so I may be talking outta my ear on this,
your feedback is greatly appreciated.

Does Safari support a interactive PDF with hidden layers? I'm on version 5.0.3 and the interactive PDF displays just fine, but our web development team tells me all the layers display when they view the same PDF on Safari.

Does Safari support interactive PDFs with layers? Through the use of hidden layers and buttons we built in interactivity that allows the viewers to click on buttons to display different content. When I view the PDF in Safari 5.0.3 on my Mac OS 10.5.8 the PDF displays fine and the interactivity works. However our web design firm tell me the PDF displays all the hidden layers when they view it in Safari. Who's right?

Try updating your Safari to the latest version, 5.0.5.
Also check whether the rest of your system is up to date by going to Software Update in the Apple menu.

How do I Reveal/Hide Hidden Layers for viewing with Acrobat Reader (iPad)?

Hi,
I've created a document in Quark Xpress with multiple layers which I then exported to a PDF. Using Acrobat Pro I created hotspots which revealed/hid these layers on rollover. It works perfectly on the desktop version of Acrobat Reader but not on Acrobat Reader for iPad (where the hidden layers are automatically switched on and touching the hotspots does not hide them). Does anybody know a good work around to this?

There are many features which are possible in the desktop version of Adobe Reader which won't work in Reader for tablets. I think this is one of them. Probably no workaround possible until the feature is updated.

Hidden Layers/ Image swap

Similar Messages

Maybe you are looking for