Adding Rollover Images in a LiveCycle ES Document

Can anyone help me here. I am trying to add images of products that pop-up upon rollover of a calculated field. Is there a way to do this in LiveCycle ES?
Thanks!

First, I think you'd have to have a positioned form so you can have the image overlap text or what-have-you. Then you could try adding an image field close to the text field and set it's presence to hidden. Then once they mouse over (event of some sort), you could change the imageField.presence to visible.

Similar Messages

Rollover image alignment issue

I added rollover images for my menu bar that link to the other pages (5 in all) and they worked perfectly until I centered all of the pages. Even then, it still worked the first few times I previewed it in the browser. I'm very new to dreamweaver and I'm not sure how to fix this.
This is how my document looks in design view:
And then when I preview it in chrome it does this:
Any advice would be greatly appreciated.

I'm guessing you used image slices & HTML code exported from Photoshop which won't work on real web sites. Use Pshop for images only. Use DW to create your HTML & CSS code.
Nancy O.

Rollover Images - Too Many?

I have created a project with one slide that has an image of
our client map (US). I have started adding rollover images, one for
each state, so when a viewer rolls over the state, a picture of
that state with a featured client shows up in a white area on the
right side of the slide, next to the map.
I added the rollover capability to approximately 30 states,
but now Adobe Captivate keeps freezing up and won't let me add any
more rollover images? It allows me to add the image but there is no
rollover box (however, it allows the image itself to be added). Is
there a maximum number of rolllover images that can be added?
Thanks for your help!

Hi jenhamm
I must admit that I never thought of a max number of
rollovers, but 30 does seem a bit much for one slide. What I would
suggest is to break it down into smaller chunks and I'll use your
map as the example:
Slide 1 - Full map of the US divided into 4 quadrants with a
click box and rollovers on each quadrant. whn you roll over the
"East" quadrant e.g.a list of all the states are listed in the
caption and the click box will take you to slide 2.
Slide 2 - "East" quadrant shows ONLY those states that were
listed above and you can now add your rollovers as previously done
with a "Back to Main Map" button that navigates to slide 1 again.
slide 3 - "North" quadrant built as per "East" quandrant, but
showing Northern States
etc. etc.
Anyway that is just my humble suggestion and good luck to
you,

JTextPane: Problem adding hyperlinks & images

Hi,
I have a problem and I just can't figure out how to solve it.
I need to implement a simple Editor for HTML files. Lucky for me, most of the functionality i need is already provided by swing, but i still need to add images and hyperlinks to my document. Especially, i need to be able to select some text, click on a button and turn it into a hyperlink. If an image is within the selected range, then the image should be included in the hyperlink as well (just as you would expect it to be).
Adding images works so far, using this code (i'll take care of actually loading the image when the rest works).
JEditorPane editor = getEditor( e );
HTMLDocument doc = (HTMLDocument) getStyledDocument( editor );
MutableAttributeSet attr = new SimpleAttributeSet();
attr.addAttribute( StyleConstants.NameAttribute, HTML.Tag.IMG );
attr.addAttribute( HTML.Attribute.SRC, "p.gif" );
try {
doc.insertString( editor.getCaretPosition(), " ", attr );
} catch (BadLocationException e1) {
e1.printStackTrace();
}But when i try to do the same with HTML.Tag.A and HTML.Attribute.HREF, the selected text disappears from the code (it is still visible in the JTextPane, though) and is replaced by . I just don't seem to get the whole AttributeSet mechanism or which attributes need to be set to which values.
I have seriously been stuck on this stuff for over one day now, and went through half a million tutorials, but can't figure it out - and i can't imagine that it is that complicated to do something like that.
By the way, I don't care whether or not you can click on the link in the JTextPane. The whole application is just for editing purposes and the document's content will be uploaded to a webserver at a later point.
I hope there's somebody who can help me out here.
Thanks in advance,
ak87

Doesn't anyone have a hint for me here?

Swf file causing rollover images not to work

I've inserted a Flash file into my webpage in Dreamweaver and it broke all my rollover images. Even deleting the swf file and reinserting the rollover images doesn't work. I've read a few threads on this but can't quite find exactly what I'm looking for. I think it's something in the <head> code but I'm not sure. Any help would be much appreciated!
<head>
<title>Matt Relstab | Still Photography | Moving Pictures | Sound Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">

<meta name="keywords" content="natural light photography, media producer boston, online media, photographs, sound design, audio for film, web video, video production,
boston production, portable recorder, digital photography, digital media production">
</script>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

For starters, look at the first line on your errant page, it starts out:
<meta name="keywords" content="audio reel, foley artist, sound effects mixer, audio mixer
boston, sound engineer, post production">
<html>
Thats not good. If you look at your other pages, the <html> tag is first, the way it should be.
Switch them around, then try this, remove your <html> tag (the very first tag is where is should be) and replace it with this
<!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">
See what that does for you.
Gary
On Edit: I just noticed that you have
<meta name="keywords" content="natural light photography, media producer boston,
online media, photographs, sound design, audio for film, web video, video production,
boston production, portable recorder, digital photography, digital media production">
inside your js for the rollovers...Move them out of the script.
GAry

Rollover Images and Captions

Can anyone give me a short, step by step way to
create rollover images with captions. I couldn't manage to get that
done, and when I read the Help screens within the application, it
didn't help either.
In particular, here was the problem: I was in Storyboard with
the slide highlighted that I wanted to add the rollover image and
caption. When I went up to the Insert drop-down menu and clicked on
Rollover Images, there were no images; I was simply taken to My
Documents.
I hope somebody can help. I've spent more than 4 hours trying
make this work. I'm SURE it's some little detail that I've failed
to pay attention to.
THANK YOU!
Dean

Hi Dean,
The "little detail that (you) failed to pay attention to" is
just that. In order to insert an image, you have to select the
image to insert. Use Windows Explorer (from \\My Documents\) to
navigate to \\My Documents\My Pictures\ or whereever else you keep
the image you wish to insert, and select it. Understand, it is up
to you to provide the image . . . it's not like you are selecting
from Captivate's own image gallery (though that is a cool idea, now
that I think of it - LOL!)
Your question indicates to me there might be some confusion
about what you want. You said you want "rollover images with
captions". There are rollover images which are just images to which
a mouseover action has been applied, and there are rollover
captions which are just normal captions to which a mouseover action
has been applied ... but there are no rollover images
with captions. The only way to have a rollover display a
caption is to create it yourself. And the "step-by-step" for doing
that is totally dependent on which image editor you are using
(Photoshop, Paintshop Pro, Paint, etc.). But the gist of it is
below.
1) Open the image in your image editor - or create it there
2) Expand the canvas to create extra "blank" space on the
image (for the caption)
3) Use the "Text" tool to create your caption text and add it
to that blank space.
4) Save the image - BMP format works very well, but any
format supported by Captivate.
5) Close the image editor
6) Open or switch to Captivate and the slide on which you
want to place it.
7) Select "Insert > Rollover Image"
8) Select the image (with its included caption)
9) Set its attributes and position it on the slide.
Hope this helps. The reason you wont' find this in the "Help"
files is because it is a creative use of images that is not a
supported function of Captivate itself. If you would like to see
future versions of Captivate support the creation of
images-with-captions, the way to do it is to submit it as a feature
request. The form to do that
is
located at this link
Hope this helps.

AcroForm with Image button from LiveCycle

I read Ted Padova's article at:
http://www.acrobatusers.com/blogs/tedpadova/enabling-adobe-reader-users-options-importing- images-forms
and was thrilled to find out that it is possible for Reader users to import images. However, I’ve run into some problems.
I have a form originally laid out in InDesign, with form fields added in Acrobat. Then I opened the form in LiveCycle and added the Image button, just as Ted instructed. This worked fine – Except:
·         LiveCycle diabled the JavaScript in the form -- I was able to fix this by opening the form again in Acrobat and re-doing the appAlert JavaScript.
·         A button that opens the Search pane no longer works -- I need help with this -- Grateful for any ideas!
·         A set of radio buttons no longer look the same, although they still work -- I can live with this if I have to.
Is there a way to keep all the fields and JavaScript intact from the AcroForm, and still add the Image button in LiveCycle?
I’m very familiar with Acrobat, but not with LiveCycle. I’m backed into a corner with my client who expects me to do all this.

You can't mix Acrobat Forms with LiveCycle forms.

Help Me! My webpage rollover images goes away

Hi all. I'm realy stuck there with my rollover images. I got created my website using dreamweaver CS5 and when I opened it in firefox by myself all was ok, but when my friend opened page all rollover images jump to left side of webpage. So it mean that only i can see all normaly, but all other not.
Please help me. I can't continue my work now.
Note: My monitor wide resolution is 1440, My friend wide monitor resolution is 1920.

Can someone help me to center one short text in my webpage?
I tryed to do what i know but dhis doesnt help me.
Here is my code:
<!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=utf-8" />
<title>Home Page</title>
<style type="text/css">
body {
width: 1100px; /**width in pixels**/
margin:0 auto; /**centered**/
/**your page background image goes here**/
background: #000000 url(pictures/HomeBackground.jpg) no-repeat center top;
#Nav {
    width: 665px;
    margin-top: 549px; /**adjust as needed**/
    margin-left: 165px; /**adjust as needed**/
#Nav img {
border:none;
padding-left: 12px; /**space between images**/
#Text {
    width: 320px;
    text-align: center;
    color: #FFF;
    margin-top: 350px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 98px;
#Chat {
    width: 390px;
    margin-top: 21px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-left: 726px;
    margin-bottom: 23px;
#Nav #Text p {
    font-family: AvQest;
    font-style: normal;
    text-transform: none;
    color: #b6a890;
    font-weight: normal;
    font-size: 14px;
#RelatedLinks {
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 100px;
    text-align: right;
#Related_Links p #main #search strong {
    color: #b6a890;
    text-align: center;
#Related_Links p strong {
    color: #b6a890;
#apDiv1 {
    position:absolute;
    left:41px;
    top:1731px;
    width:88px;
    height:38px;
    z-index:1;
</style>
</head>
<body>
<div id="apDiv1"><tr>
      <td width="160" bgcolor="#996633"><iframe src="http://www.freshfmonline.com/player.html" height="0" width="0" frameborder="0" id="page" scrolling="no" ></iframe></td>
    </tr></div>
<h1></h1>
<div id="Nav"> <img src="pictures/buttons/homeRed.PNG" width="55" height="18" /> <img src="pictures/buttons/GuidesButton.PNG" width="70" height="18" /> <img src="pictures/buttons/FilesRed.PNG" width="48" height="21" /> <img src="pictures/buttons/RunewordsRed.PNG" width="115" height="18" /> <img src="pictures/buttons/RecipesRed.PNG" width="70" height="18" /> <img src="pictures/buttons/EventsRed.PNG" width="70" height="18" /> <img src="pictures/buttons/ShopButton.PNG" width="55" height="18" />

<div id="Text">
    <p>Median XL is the most popular mod, or unofficial modification, for Diablo II Lord of Destruction.
      It modifies the game by replacing character skills, improving items and monsters, and adding new uberquests.</p>
    <p>Features</p>
    <p>o New skill trees with 30 brand new skills per class.<br />
      Bored with Blessed Hammer? Median XL offers brand new skill trees. Each class has 25 main skills, 3 uberskills and 2 challenge reward skills. If you ever wanted a crossbow necromancer or summoner amazon, here is your chance!</p>
    <p>o 30 new uberquests for high level characters.<br />
      Forget Battle.net and 'Uber Tristram', Median XL has 22 more uberbosses and 8 special uberlevels for high level characters. Defeating them on the highest difficulty yields powerful unique charms.</p>
    <p>o Special challenges for expert players.<br />
      Beating the game is only half the fun! Reach certain milestones in the game to obtain a special reward.</p>
</div>
<div id="Chat">
    <iframe title="bugis083" src="http://www1.shoutmix.com/?bugis083" width="234" height="382" frameborder="0" scrolling="auto"> <a href="http://www1.shoutmix.com/?bugis083">View shoutbox</a> </iframe>
</div>
</div>
<div id="Related_Links">
<p><span id="main"><span id="search"><strong> ©</strong></span></span><strong>2010 Diablo II MedianLT Serveris</strong></p>
</div>
</body>
</html>
I need that text in bold shrift will be centered in that position which is written in CSS.
Thanks

Rollover images not working

I've looked through the different rollover discussion in the forum, but nothing I've found has been able to help me so far.
I'm trying to set up a very simple menubar for my website, and have gotten the look about how I want it, but the rollover images do not display .
The page i've been testing is here: http://www.michaelwebbdesign.com/index2.html
Thank you for any help you can offer.

Have a look at the following
<li><a href="home.html"><img src="images/nav/nav1off.jpg" name="logo" border="0" onmouseover="" onMouseOut="about.src='images/nav/nav1off.jpg'"/></a></li>
What the above tells the browser is
link an image named logo
onmouseover (note the absence of an upper case M and O) do nothing
onMouseOut show the image named about
The above should read
<li><a href="home.html"><img src="images/nav/nav1off.jpg" name="logo" border="0" onMouseOver="logo.src='images/nav/nav/nav1on.jpg'" onMouseOut="logo.src='images/nav/nav1off.jpg'"/></a></li>
Now we get
link an image named logo
onMouseOver replace the logo image with nav1on.jpg
onMouseOut replace the logo imgae with nav1off.jpg
Please keep in mind that the image name must be unique (appear once per document) and that it is better to have an HTML link with a dash/hyphen instead of a space or a period as in nav4_5.jpg.
Gramps

Editing rollover images

Hi all,
Two questions:
Once I place a rollover image in a webpage, how can I go back and modify the rollover image? Once I click the "OK" button in the Insert Rollover Image dialog box, it seems I can't pull this up again.
Also...is there a way to "copy" a rollover image from one webpage document to another and retain the functionality? I tried dragging and dropping the image, but it doesn't act like a rollover--it just shows the original image and retains the link.
Thanks in advance.

Once I place a rollover image in a webpage, how can I go back and modify the rollover image?
DW can't modify a rollover image. You need to modify images in your graphics app. That's one of the big drawbacks to using images for menus or anything else that is likely to change during the life of your site.
For these and other reasons, I use CSS styled lists for navigation.
CSS Horizontal Drop Menu
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
is there a way to "copy" a rollover image from one webpage document to another and retain the functionality?
Rollovers rely on JavaScript code in the <head> and <body> tags of your document. You would need to copy & paste all required code in Code View.
Or just use File > SaveAs > New-file-name.html.
See also -
Guidance on when to use DW Templates, Library Items and SSIs -
http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Adding an image when signing, but not in the signature field, in Reader

Hi,
I would like to know if it is possible to add an image to a pdf document when I sign the document in Reader.
I do not want to add the image in the signature field as a signature, but rather below the signature field. The image is 'n barcode providing me with more information on the signature.
I have looked at the Stamper example, but this functionality is not avialable in Reader.
Thank you,
Magda

If you insert after signing you will break the signature!! You need to do any such stamping BEFORE signing.
From: Adobe Forums <[email protected]<mailto:[email protected]>>
Reply-To: "[email protected]<mailto:[email protected]>" <[email protected]<mailto:[email protected]>>
Date: Wed, 26 Oct 2011 23:54:15 -0700
To: Leonard Rosenthol <[email protected]<mailto:[email protected]>>
Subject: Adding an image when signing, but not in the signature field, in Reader
Re: Adding an image when signing, but not in the signature field, in Reader
created by magdakuit<http://forums.adobe.com/people/magdakuit> in Acrobat SDK - View the full discussion<http://forums.adobe.com/message/3992619#3992619

Copying a table with rollover images & links

Need help...
Using Dreamweaver CS4.
I have a table with rollover images and links from those rollovers"
I now want to copy and paste the table into other pages, but when I do, my links are broken and the rollovers don't work.
I have my Site Def preferences set to "Links relative to: Document"
Is there an easy way to copy & paste a table with rollover graphics and links?
I've tried dragging the table from the page with the working links onto the different page. The graphics show up, but the second state of the rollovers soesn't show up, and I get some weird link error:
Can anyone help?

<!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=UTF-8" />
<title>Phyllis Bramson</title>
<style type="text/css">

</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="Bramson, artist, Chicago, painter" />
<meta name="Description" content="Phyllis Bramson is an established Chicago painter and educator." />
</head>
<body onload="MM_preloadImages('common_graphics/menu_paintings1990_rollwhite.gif','common_graph ics/menu_paintings2000_rollwhite.gif','common_graphics/menu_paintings1980_rollwhite.gif',' common_graphics/menu_paintings1970_rollwhite.gif','common_graphics/menu_worksonpaper2000_r ollwhite.gif','common_graphics/menu_worksonpaper1990_rollwhite.gif','common_graphics/menu_ worksonpaper1980_rollwhite.gif','common_graphics/menu_worksonpaper1970_rollwhite.gif','com mon_graphics/menu_scrolldrawings_rollwhite.gif','common_graphics/menu_statement_rollwhite. gif','common_graphics/menu_resume_rollwhite.gif','common_graphics/menu_collections_rollwhi te.gif','common_graphics/menu_exhibitionsnews_rollwhite.gif','common_graphics/menu_links_r ollwhite.gif')">
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td bgcolor="#666699" scope="col"> </td>
    <td height="30" scope="col"><img src="common_graphics/mast_namebanner.gif" alt="" width="740" height="36" border="0" usemap="#Map2Map2" />
      <map name="Map2Map2" id="Map2Map2">
        <area shape="rect" coords="562,8,719,32" href="mailto:[email protected]" target="_blank" alt="email" />
    </map></td>
</tr>
<tr>
    <td width="160" valign="top" bgcolor="#666699" scope="col"><table width="190" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><img src="common_graphics/menu_paintingssculpture_rollnorm.gif" alt="" width="190" height="34" border="0" /></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_2000/paintings_2000.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','common_graphics/menu_paintings2000_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings2000_rollnorm.gif" alt="" name="Image22" width="190" height="20" border="0" id="Image22" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_1990/paintings_1990.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','common_graphics/menu_paintings1990_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1990_rollnorm.gif" alt="" name="Image21" width="190" height="21" border="0" id="Image21" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_1980/paintings_1980.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','common_graphics/menu_paintings1980_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1980_rollnorm.gif" alt="" name="Image20" width="190" height="21" border="0" id="Image20" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="paintings_sculpture/paintings_1970/paintings_1970.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','common_graphics/menu_paintings1970_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1970_rollnorm.gif" alt="" name="Image23" width="190" height="24" border="0" id="Image23" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><img src="common_graphics/menu_worksonpaper_rollnorm.gif" alt="" width="190" height="28" border="0" /></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_2000/works_on_paper_2000.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','common_graphics/menu_worksonpaper2000_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper2000_rollnorm.gif" alt="" name="Image24" width="190" height="19" border="0" id="Image24" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1990/works_on_paper_1990.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','common_graphics/menu_worksonpaper1990_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1990_rollnorm.gif" alt="" name="Image25" width="190" height="22" border="0" id="Image25" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1980/works_on_paper_1980.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','common_graphics/menu_worksonpaper1980_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1980_rollnorm.gif" alt="" name="Image26" width="190" height="21" border="0" id="Image26" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1970/works_on_paper_1970.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','common_graphics/menu_worksonpaper1970_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1970_rollnorm.gif" alt="" name="Image27" width="190" height="30" border="0" id="Image27" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="scroll_drawings/scroll_drawings.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','common_graphics/menu_scrolldrawings_rollwhite.gif ',1)"><img src="common_graphics/menu_scrolldrawings_rollnorm.gif" alt="" name="Image28" width="190" height="41" border="0" id="Image28" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="statement/statement.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image29','','common_graphics/menu_statement_rollwhite.gif',1)" ><img src="common_graphics/menu_statement_rollnorm.gif" alt="" name="Image29" width="190" height="43" border="0" id="Image29" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="resume/resume1.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image30','','common_graphics/menu_resume_rollwhite.gif',1)"><i mg src="common_graphics/menu_resume_rollnorm.gif" alt="" name="Image30" width="190" height="41" border="0" id="Image30" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="collections/collections.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','common_graphics/menu_collections_rollwhite.gif',1 )"><img src="common_graphics/menu_collections_rollnorm.gif" alt="" name="Image31" width="190" height="42" border="0" id="Image31" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="exhibitions_news/exhibitions_news.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image32','','common_graphics/menu_exhibitionsnews_rollwhite.gi f',1)"><img src="common_graphics/menu_exhibitionsnews_rollnorm.gif" alt="" name="Image32" width="190" height="42" border="0" id="Image32" /></a></td>
      </tr>
      <tr>
        <td height="42" valign="top" bgcolor="#666699" scope="col"><a href="links/links.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','common_graphics/menu_links_rollwhite.gif',1)"><im g src="common_graphics/menu_links_rollnorm.gif" alt="" name="Image33" width="190" height="42" border="0" id="Image33" /></a></td>
      </tr>
    </table>      <p> </p></td>
    <td align="left" valign="top"><table border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <td width="30" height="97" scope="col"> </td>
        <td width="330" scope="col"> </td>
        <td width="20" scope="col"> </td>
        <td scope="col"> </td>
      </tr>
      <tr>
        <td scope="col"> </td>
        <td scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="400" id="FlashID" title="slideshow">
          <param name="movie" value="home/homepage.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="8.0.35.0" />
          
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          
          
          <object type="application/x-shockwave-flash" data="home/homepage.swf" width="400" height="400">
            
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="8.0.35.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            
          </object>
          
        </object></td>
        <td scope="col"> </td>
        <td valign="bottom" scope="col"><img src="home/homepage_quote.gif" alt="Quote" width="282" height="192" border="0" /></td>
      </tr>
    </table></td>
</tr>
</table>
<map name="Map2Map" id="Map2Map">
<area shape="rect" coords="562,26,719,50" href="mailto:[email protected]" target="_blank" alt="email" />
</map>
<map name="Map2" id="Map2">
<area shape="rect" coords="562,26,719,50" href="mailto:[email protected]" target="_blank" alt="email" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12139148-3");
pageTracker._trackPageview();
} catch(err) {}
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Using fireworks rollover images in flash

I'm trying to create the best way to use a series of fireworks rollover images in Flash and was hoping some flash gurus had ideas. I'm creating a photo album of sorts in flash, except when you click to bring up a photo, you can mouse over certain parts and have the text labels on the images change. I have a lot of images and therefore a lot of rollovers. I have a central layer called 'content' where the images get displayed. What is the best way to include these rollovers in my flash documnet?

Well guess what, it doesn't:
http://www.ctc-belgium.be/TEMP/test.cfm
This is the code (images are in the same subfolder):
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<cfform format="flash" action="../upload.cfm"
style="background-image:ero1.jpg;
background-repeat:no-repeat; background-position:top right;
text-align:center; border:1 solid black;">
<img src="ero2.jpg" />
</cfform>
</body>
</html>

Adding Border Image

Hello All,
I need to add a image as a border to a picture or another image. I tried some samples using overlay and composite, but that doesn't dolve my need.
Could any one please explain how will we adding aother image as border.
Thanks

Border-image is a new CSS3 property that is not yet supported by most browsers.
http://www.css3.info/preview/border-image/
Based on what little info you've provided, I'm guessing you want something like this???
I did this with a non-repeating tri-color background-image, positioned in the left bottom of #header division.
<!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>Untitled Document</title>
<style type="text/css">
#header {
width: 1000px;
background:#FFF url(Images/tri-color-BG.jpg) left bottom no-repeat;
padding-bottom: 1em;
</style>
</head>
<body>
<div id="header">
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vulputate dolor non odio egestas vel euismod sapien tempus?</p>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Applying Lightbox2 to Rollover Image

Sorry in advance, Im super new to this stuff.
Im having trouble applying the lightbox2 code to my rollover images, everything seems to work fine but when I click on the rollover the lightbox window opens and the loading symbol displays and thats it, just keeps spinning around.
This is the code:
<a href="stat1.jpg" data-lightbox="stat1" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/players_02.jpg',1)" ><img src="images/playeron_02.jpg" alt="Mr T" width="123" height="191" id="Image11" /></a>
Any help would be much appreciated pleeeeeeeeeaaaaaaasssse!!

Copy and paste the following code into a new, blank document. SaveAs test.html and preview in browsers. Replace the placehold.it images with your own.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px 0 0 20px;
padding: 10px;
border: 1px solid silver;
/**rounded borders**/
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
/**recommend using same size images**/
#thumbs img {
width: 160px; /**adjust width to thumbnail**/
height: 120px; /**adjust height to thumbnail**/
margin-bottom: 1.5em;
opacity: 0.75;
#thumbs img:hover {opacity: 1.0}
/**float clearing**/
#thumbs:after {
content:".";
clear:left;
font-size:0px;
line-height:0;
display:block;
visibility:hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>

<div id="thumbs">
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5
</p>
</div>

<h1>Fancybox with Iframe</h1>
<h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>

<script>
        $(document).ready(function() {
            $('.fancybox, iframe').fancybox();
    </script>
</body>
</html>
Nancy O.

Adding Rollover Images in a LiveCycle ES Document

Similar Messages

Maybe you are looking for