Larger image on mouse over

Hi,
I've got a map of the US divided into 5 territories. On mouse
over each territory, I want to display a larger picture of that
territory in a new window over that spot on the map. (I've got the
map and the five larger graphics as separate files.)
I thought I could draw the hot spots on the base map and
assign them behaviors -- I see Open New Window in Behaviors. The
only option it gives me is to open the new pic as a URL, replacing
the main window.
Is the answer the show/hide command? I see my list of
available graphics -- can I get the larger pics in there somehow?
Or give up in Dreamweaver and figure it out in Flash? Help
appreciated beyond words. ttt

> Is the answer the show/hide command?
Yes.
You would have to put the larger images into hidden layers
and toggle their
visibility.
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
==================
"templemedia37" <[email protected]> wrote in
message
news:g175hh$jdu$[email protected]..
> Hi,
>
> I've got a map of the US divided into 5 territories. On
mouse over each
> territory, I want to display a larger picture of that
territory in a new
> window
> over that spot on the map. (I've got the map and the
five larger graphics
> as
> separate files.)
>
> I thought I could draw the hot spots on the base map and
assign them
> behaviors
> -- I see Open New Window in Behaviors. The only option
it gives me is to
> open
> the new pic as a URL, replacing the main window.
>
> Is the answer the show/hide command? I see my list of
available
> graphics --
> can I get the larger pics in there somehow? Or give up
in Dreamweaver and
> figure it out in Flash? Help appreciated beyond words.
ttt
>

Similar Messages

How can i highlight an image when mouse over an image in c#?

I want to highlight an image when mouse goes there on image. The backcolor of image should change. Give a solution.

Its for button. I need to highlight image. I have attached screen shot. I want to create like that in windows form.
Hello,
Based on my understanding, it just changes the background for that image to highlight them.
So we could change the background for the control hosts these images, and in addition, the size mode should not be autosize, because we should keep some area to display the background.
Regards,
Carl
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Pause scrolling image until mouse over

Hi, I'm using a movieclip (link below) to display a large,
detailed view of an image within limited space.
I need the image to stop moving when the cursor rolls out of
the movieclip and start moving again when the cursor rolls over.
Please take a look at the example.swf I've hosted. Theres a
link to download the .fla
The
example movie
Thanks for reading!

Thanks Ned!
As I mentioned I am new to actionscript. Guess I should be using actionscript 2.0, but I do not have preferences.
I understand the logic, but still have no idea of how to do it. I´ll put my hands on it right now, from scratch.
I´ve been trying to modify a couple of scripts I found with no success.
If you (or somenone) could provide a piece of code I could start from that would easier my job a lot.
I usually work doing animation (after effects, motion...) and I accepted building a simple website for a friend...this is the only piece missing and should be online in 48 hours. I am going nuts with this, obviously my case is a paradigm of wishfull thinking...
Any help would make me very, very, very happy. And that, of course, is good for your karma
Thanks again!

Image Mouse Overs = Small source pic to large mouse oevr

Hi
Just need to pick someones brains really ....mouse overs are
fairly straight forward if you wanna swap the same size image but
what if the mous eover image you want to display is larger ?
I figured this out years ago and now cant remember for the
life of me how to do it ...I think you edit the script dreamweaver
puts in...
So to recap ...small source image then mouse over to display
a large one...also can you re do the positioning on where the mouse
over displays ?

You can do this many ways ways -
1. Don't use swap image - use Show/Hide layer instead. Have
the alternate
image in a hidden layer that is shown when the trigger is
'tickled'. Using
this method you can have images that are any dimension.
2. Use swap image, but remove the dimensions from the
original image's tag,
i.e., change this -
<img name="original" width="150" height="220" ...
to this -
<img name="original" ...
Now when you swap in your offsize image, there is no
predefined size to
change it to. Be aware that this method may well result in an
unpleasant
and undesirable 'rearrangement' of your page layout as it
adjusts to your
new image's dimensions.
3. Pad the smaller image with canvas background color on all
sides so that
all the images *are the same size*.
4. Use a SetText behavior to change the image reference in a
container on
the page so that it will show the desired larger image in the
proper place.
You can see an example here -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
5. Use the PVII ShowPic extension -
http://www.projectseven.com/
Take your pick....
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
==================
"crashpolo" <[email protected]> wrote in
message
news:fpjrlm$83a$[email protected]..
> Hi
>
> Just need to pick someones brains really ....mouse overs
are fairly
> straight
> forward if you wanna swap the same size image but what
if the mous eover
> image
> you want to display is larger ?
>
> I figured this out years ago and now cant remember for
the life of me how
> to
> do it ...I think you edit the script dreamweaver puts
in...
>
> So to recap ...small source image then mouse over to
display a large
> one...also can you re do the positioning on where the
mouse over displays
> ?
>

Mouse-over image resizing in CS4

on my website (www.kogamusic.us) i have an image that changes to another image when mousing over it. the two images are different sizes, so as it is now the second image distorts because it is constrained to the aspect ratio of the first image. My question is, how do i make it so that both images auto-resize depending on the size of the window while keeping the second image constrained and distorting to the size of the first image. I am able to auto resize the first image with with=#% and hight=#%, but i can't figure out where to put html in the correct place to auto-resize (while constrained and distorted) the second image.
this is the code i am looking at:
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','DSC03696.jpg',1)"> 
<img src="fish pencil.jpeg" name="Image2" width="538" height="830" border="0" id="Image2" /></a><a href="mailto:[email protected]">[email protected]</a>
 
THANKS!

Hard to say. Just maybe a hickup in the system. The popping up is slightly delayed on about every system but I have never had them not pop up at all.
Anyways, here is a link that pretty much fixes weird stuff happening in Photoshop that is called resetting the Prefs.
http://forums.adobe.com/thread/375776?tstart=0

Interactive PDF with mouse-overs was created in Illustrator, now pauses and flashes when opened in Acrobat

I have created an interactive PDF using Illustrator that has mouse-overs. When i export the file and then open it in Acrobat there is odd pausing on teh image bewteen mousing over it and the text callout that shold then display. Did I export or save incorrectly?

Thank you for both responses! I'm impressed with the fact that you're reading my post.
I'm new to tech matters with Adobe/PDF/Nitro tho I've been using them for several years.
The original file was created by an agency and given to independent contractor to use. I don't know which program they used to create the form. And I don't know what XFA or LiveCycle Designer means because I'm not technically sophisticated unfortunately.
I used Nitro 6 to populate the data and have a number of forms already filled out, which I periodically open and modify and resubmit. But Nitro 6 is acting sick, despite reinstalling several times. I'm attempting to see if it's worth transitioning to Adobe Acrobat, i.e., can I reopen the forms I've populated and continue to work with them. I like some of the Adobe features for other purposes (e.g., OCR).
Any help in determining how to open the form while keeping the data?

Thumbnail to larger image rollover

In GoLive CS, now that I've learned how to do a regular rollover, I'm trying to do a rollover where a larger image appear (possibly with a brief caption) over or near a thumbnail image. I've searched other threads here about this with suggestions for Lightbox, etc. which I'll consider. But can this simply be done with GL alone? I tried it using the Rollovers and Actions palate but the larger image that appears over the thumbnail is no larger. Does Layers have something to do with a solution (never worked in Layers)? Perhaps there's a tutorial for this?

In article <[email protected]>, Wayneswhirld <[email protected]> wrote: > It might work for me even though it seems to leave out the option of a > caption in the larger image You can do that, too, by assigning another GL action to the trigger: Text Swap (ID). First you need to assign an ID to the element - e.g. or <div> - that contains your text. Then add the action to the trigger link and in the Inspector enter the name of the ID and the text you want displayed when the action is triggered. I have two samples here, one on click the other on hover: <a href=http://www.simnet.is/klipklap/golive/swaptext/> <a href=http://www.simnet.is/klipklap/golive/swaptext/sample.html> -- Cheers Martin

Large image popup on mouse over

Does any one know of an extension which creates a large image
popup on mouse over and it works with images from a database too?

Does any one know of an extension which creates a large image
popup on mouse over and it works with images from a database too?

Why does moving the mouse over an IMAQ image display slow the GUI down so much?

I have a large application with several vi's running simultaneously under labview 8.6.1. When I mouse over an image display control in one of the vi's, everything slows down a shocking amount in all the other vi's. The windows task manager does not show a large increase in CPU use. My pc is has a quad cpu with 4GB of RAM, and the CPU and memory loads do not appear to be terribly taxing to the system. However, many of my vi's apparently come almost to a standstill if I just move the mouse in a circle around my image control.
This looks like it is largely a GUI display issue. If I make a new vi and put a while loop in it that only displays the iteration loop number to an indicator, I can see the iterating occurring, then stopping totally when I mouse inside the image display control. When I stop moving the mouse inside the control, or when I move it outside the control, the interation loop number jumps up, as if it had been incrementing behind the scenes the whole time. So only display of the interating was halted.
This problem occurs even if the vi with the image control is not executing. If the vi with the image control is open but not running, and I mouse over the image on it, the other guis all come to a screeching halt.
Does mousing in the image display control really utterly crush all other guis in all other labview windows? Is this an issue inherent to the image display control? If so, is there anything I can do about this?
Also, this issue is not entirely limited to display. I started looking at it in greater detail because this issue also exposed what I think is a race condition in my code. I have a vi that acquires an image from a ccd and puts it into an IMAQ image.ctl. This image then gets passed up to a vi up the call chain, and is put on a queue and sent over to be de-queued by a vi that has the image display control. Here's the kicker: when I mouse over the image display control, the image successfully gets acquired inside the subvi, and if I probe the wire leading to the output IMAQ image display.ctl, I see the image. If I simultaneously probe the wire coming out of the subvi one level up the call chain, the image gets lost about half the time. This only happens if I am mousing in the image display control IN A TOTALLY DIFFERENT AND SEPARATE VI. If I bump up the priority of the ccd image acquisition vi to 'highest priority', the problem only happens about 1% of the time, and I really have to mouse around to make it happen. Still, it's disturbing that mousing in the GUI in one window results in a failure of a separate subvi to simply pass an image up the call chain. I understand that IMAQ images are referenced rather than passed by value, but I don't see why there should be a failure to pass the image up the call chain. I've looked for a race condition, but can't find one.
Eric

I have finally been able to replicate the behavior that you are seeing on another computer once the image was large enough. Here are a few notes about this behavior:
First. The UI only slows down when the images are large, 16 bit images. The reason why this is unique to 16 bit images is that they can only be displayed on the front panel as 8 bit images. The workaround that Weiyuan suggested to change the 16 bit display mapping hints towards the root of the problem...that any time a mouse runs over the indicator, Windows asks the entire image to re-draw (having a separate indicator overlapping the image will create the same behavior). With a 16 bit image, not only does the image have to re-draw on the screen but the 16 bit pixels need to be mapped to 8 bits. When setting the 16 bit display mapping to Full Dynamic, this requires mor computation/pixel than 90% dynamic or one of the other mapping schemes.
This is expected behavior if your program is running and you're trying to display a large 16 bit image. To fix this behavior there are a couple options:
Change the 16 bit display mapping to something other than full dynamic. You can choose which 8 bits to display or if you want to map the bits.
Resize the image just for viewing purposes on your front panel (since you aren't going to view every single pixel of you image on the screen). You can use the IMAQ Resample.vi to do this. This will allow you to take your 1500x1500 pixel image and only display a 500x500 pixel version.
If you are interested in viewing small details of the large image, consider just displaying a smaller region of interest at a time.
Let me know if any of these solutions work for you. Good luck on your application.
Zach C.
Field Engineer
Greater Los Angeles

HTML hovering over thumbnail to bring up larger image on top of it. How?

I am new to site and first question. So hope not too silly. I wish to have lots of small thumbnails on page and when mouse hovers over each individual thumbnail it will enlarge into a larger image - on top of the thumbnail mouse is over. Thanks to Nancy O answering Bravats question on this, I found the following HTML from Nancy, however..... am darned if I am able to have the image hover exactly over the thumbnail. Not to left, not to right, etc etc, but over top of thumbnail. Can someone please tell me what to put in where to make this happen? Thank you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Disjointed Image Rollovers</title>
<style type="text/css">
/**BEGIN DISJOINTED IMAGE ROLLOVERS**/
#rollover a {
border:none;
text-decoration:none;
padding: 0 0.5em 0 0.5em; /**space between small icons**/
/**remove this rule if all full size images are to share the same display area. **/
#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust location of full size images**/
left: 50%;
top: 50%;
/**optional full size image captions**/
font-size: 12px;
line-height: 1.2;
color:#666;
text-align: center;
/**optional full size image borders, padding**/
border: 5px solid orange;
padding: 5px;
#rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}
#rollover a:hover, #rollover a:focus
{visibility:visible;}
/**END DISJOINTED ROLLOVERS**/
</style>
</head>
<body>

<div id="rollover">

<a href="#"><img src="SmallIcons/image.png" alt="some description" /><img src="FullSize/image.jpg" alt=" " /> optional caption #1</a>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><img src="FullSize/image.jpg" alt=" " /> optional caption #2</a>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><img src="FullSize/image.jpg" alt=" " /> optional caption #3</a>

</div>

</body>
</html>

Here is my Demo. http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
First, #rollover a needs to have position:relative.
Second, you will need to tweak left & top values to suit your needs.
#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust positioning of full size images in px or %**/
left: 0px;
top: -140px;
For better answers, we need a link to your page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Mouse over images not resizing correctly in Safari

I have a series of thumbnail images of different sizes that, by using MouseOver, cause a larger image to appear. Safari only seems to resize "larger" and doesn't resize "smaller" resulting in distorted images. This site works fine in every other browser I can lay my hands on. I have managed to get a similar site to work fine but I don't really see the difference between the two. Any ideas on what I need to do? Site that doesn't work www.IllustriousPlay.com/test/Portfolio.html Site that does work www.IllustriousPlay.com/Page1.html Run your mouse over the various images. (Be warned I'm tinkering with the site, so it may have other things wrong with it.)

Kowhai,
Welcome to Apple Discussions.
I see the distortions.
I am not involved in Web Site design, but will W3C Markup Validation Service help answer your question?
I see Failed validation, 16 errors when I enter your URL.
BTW, I like your colorful illustrations.
;~)

Image question for mouse over.

I hope this is a simple question. Can I place a 150px wide image on my page and when you mouse over have the same photo pop up that is 300 px wide? I know I can swap the images if they are both 150 px. But I want to see the larger photo with the mouseover can someone explain or show me where to learn how to do this if I can even do it? Maybe it is not mouseover image swap and it is called something else? Thanks in advance.

tl1_mc.visible=tl2_mc.visible=tl3_mc.visible=false;
for(var i:int=1;i<4;i++){
 this["tl"+i+"_mc"].addEventListener(MouseEvent.MOUSE_OVER,overtl);
 this["tl"+i+"_mc"].addEventListener(MouseEvent.MOUSE_OUT,offtl);
function overtl(e:MouseEvent=null):void{
 var n:int=int(e.currentTarget.name.substr(2,1));
 this["tl"+n+"_mc"].visible=true;
function offtl(e:MouseEvent=null):void{
 var n:int=int(e.currentTarget.name.substr(2,1));
 this["tl"+n+"_mc"].visible=false;

Roll over to view larger image, click to select

Which combined server behaviors or technologies would allow
me to create a dynamic image gallery of thumbnails that when you
roll over any thumbnail image (images are populated via repeat
region recordset behavior), you can view a larger image. Selecting
a thumbnail would select the larger image version.
I do not need to know how to create the thumbnail images
(this would be achieved via aspjpeg with a repeat region applied to
it) but rather how to make it work as explained.
check out
https://www.schooloutfitters.com/catalog/product_info/pfam_id/PFAM898/products_id/PRO987
for an example.

OK so I'm almost there! A little more help if it's not too much trouble.
I've used the "mouse-over to enlarge" example and it seems to be working.
The images sit together top left (ie. the larger image appears over the top of the smaller image and both top left corners of the images sit in the same x and y position - it appears to grow to the right and down!). Can I change this so that the images sit in the same position bottom right and the image grows bigger, up and right?
Alternatively if it's easier I could do "mouse-over and click", but I need the click to open my image in a new window, sized to the image (so I can still see the main page in the original browser window).
Thanks again
Lopoc

Gallery Mouse Over Images

Hi everyone, I was wondering how this Gallery was done,
When mousing over the thumbnails, the larger image appears
beneath.
http://www.perrelink.com.au/portfolio/portfolio1.htm
Would anyone have a tutorial, or advice on how thats done,
Many thanks,
Terrie

Hiya Nadia, , Yes, I was able to work out how to use the
show/hide to make
a gallery...
Im from Melbourne....... :)
Thanks again for your help,
Terrie
": Nadia : ** Adobe Community Expert **"
<[email protected]> wrote in message
news:ev7jno$3h3$[email protected]..
> Terrie,
>
> Yep, Sinclair and Joe are correct, I used the
Dreamweaver Show/Hide Layer
> behaviour to achieve the effect.
>
> PS: Where are you from in Au?
>
> --
> Nadia
> Adobe® Community Expert : Dreamweaver
> ----------------------------------------
> CSS Templates |Tutorials |SEO Articles
>
http://www.DreamweaverResources.com
> ~ Customisation Service Available ~
>
http://www.csstemplates.com.au
> ----------------------------------------
> ~ Forum Posting Guidelines ~
>
http://www.adobe.com/support/forums/guidelines.html
> CSS Tutorials for Dreamweaver:
>
http://www.adobe.com/devnet/dreamweaver/css.html
>
>
>
>
> "twebber" <[email protected]> wrote in
message
> news:ev67gk$eb8$[email protected]..
>> Hi everyone, I was wondering how this Gallery was
done,
>>
>> When mousing over the thumbnails, the larger image
appears beneath.
>>
>>
http://www.perrelink.com.au/portfolio/portfolio1.htm
>>
>> Would anyone have a tutorial, or advice on how thats
done,
>>
>> Many thanks,
>>
>> Terrie
>>
>
>

How to get text when mousing over image?

Hey there, I am extremely new to Flash, but know other Adobe programs so tend to learn quickly.
I desperately need to find out how to get text to pop up when i mouse over PART of the image and i havent been able to find any help online in the last two days (pulling my hair out in stress).
Now i uploaded a rough mock up i did on Photoshop, so you can see when i mouseover the top layer of the cake i need a line to stretch out and the text to pop up at the end of it. Similarly if i moused over the cherry another piece of text needs to come up in the same manor.
Also since i need it to be a website link so what format do i open it with when i go to FILE- NEW?
Honestly thank you so much in advance to anyone that helps

First you have to choose if you want to handle devices. If not and you want to stay in Flash I'll stick on topic.
In the HTML version you could either use a good old fashioned image map (they're still fine in the HTML5 era) or you could use a layering technique (here's a random layering example).
In Flash you can do it a few different ways. If you intend on keeping the image intact as a single object then you'll be essentially doing the same as an image map. You can draw invisible hitareas on the various parts of the object and have those areas trigger a specific function that will display your text. If you break up the image into the separate parts then you can directly assign those parts to fire off a function themselves.
First I'd like to know your desired direction.

Larger image on mouse over

Similar Messages

Maybe you are looking for