Float roll over image on top help

Its looking quite messy.I have an image that is circular, 6
points and each point has a rollover effect where a paragraph of
text is to be displayed in middle of circle. I created the points
to buttons, F6 on each button state, created a new layer and on
rollover here I added my paragraph text with gray background so the
text stands out.
Problem Im having is the points of circle are 6 images along
outside of circle. Some paragraphs of text are over some images,
and some images are hiding parts of paragraph and gray backing. ???
I think I need a float on top command for each paragraph
symbol.
My main timeline has only one line and one frame. I thought
there may be an issue with the way the images are ordered in
library, but tried moving some up and down and it didnt seem to
help.
Any suggestions on this? Im about brain dead over trying to
get this to work.

put all the paragraphs on the topmost layers. or convert them
to movieclips and use the swapDepths() method.

Similar Messages

Setting the order of a roll over image in a quiz

Hi,
I'm using captivate 4 and having issues in setting a quiz for my students.
I want to have an icon to roll-over so the students can access information relating to the question, eg, diagrams, tables, graphs etc.
I have done all this yet when the roll over image appears its order is set behind the question and answers, I need it in front. when trying to change the order, eg bring to front, all the options are grayed out and not available. Is there a way to fix this as I know I cannot use a slidelet in a question slide.
I have also tried to re-order the question and answer text, but is is also grayed out.
Any help would be greatly appreciated
Cheers
Andrew

Hello,
You cannot insert interactive objects on any default question slide from pool or not. You will have to change the action to be executed on Success/Failure. There it is possible to jump to a slide.
Beware: you can never jump to a slide that is outside of the quiz 'scope'. This scope starts with the slide where you have the first scoreable object, which can be a question slide but also a button/click box/TEB with a score. The scope typically ends with the score slide. So be sure that the slide you want to jump to are in that scope. Eventually you can add a scoreable object (with a low score perhaps of 1pt) like a button or click box to the first slide of your project. If you keep the score slide as the last slide you will not have to worry anymore about the scope.
Hope this makes sense,
Lilybiri

Roll over images not appearing in a preview

I've created a new project and have had had previous success in making roll over images/captions work but now nothing in this new project is appearing when I preview the slide, not the images or the roll over captions. I'm using Captivate 6.
Sorry if i'm not explaining it properly but I've only started using the program this week and have no idea about any of it.
cheers
Emma

Hi Emma
I note you said: Preview the *SLIDE*. And in that type of preview, all you will ever be able to do is to view when objects appear or disappear or move. Interactive objects such as rollovers will never work in the slide preview. You must preview a different way. (Project, Next X number of slides, From this slide, etc)
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

1) Drop Down Menu 2) Roll Over Images & 3)

Does anyone know away to make these things possible on iWeb (or if it is not even possible)
1)
I'd like to have a drop down menu so that my sites are not so cluttered.
Here is an example:
http://www.drsteinhealing.com/doctor/chiropractor/2L/Encino/homepage.htm
2)
I have seen rollover images in flash, but I hear that it is possible without flash and I think it would be great to have some pictures as such for the menu. I would think this would be possible because right now there is a rollover color change to words that are links if you want it to change colors... so:
a) is flash possible on iWeb
b) even if it is not: is there a way to have rollover images and
c) can there be roll over images that are also links?
Here is an example:
http://planetrobyn.com/ (the pictures go from black and white to color and then they are also the menu)
I'm learning so it would be great to see if these things are possible. Thank you.

See these menus.The menus are HTML and CSS only.
http://www.wyodor.net/Demo/iWebeend.html
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
The first menu has the menu hardcode in the published webpage.
Check the source to see how it's done.
The second menu has a textbox at the top of the page. A JavaScript in the HTML Snippet finds that textbox and place the menu in it.
This is pasted in the HTML Snippet :
<script src="../../../duckmenu/duckmenu.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">

</script>
This JavaScript places the menu in the textbox :
http://www.wyodor.net/_Demo/duckmenu/duckmenu.js
The menu at drsteinhealing is HTML/CSS only too. So if you like it, grab the code + stylesheet and use it.

Roll-over images

Does RoboHelp support roll-over images?
I've tried every way to insert a roll-over image into my
project, including editing the html page in dreamweaver but as soon
as I open it up in RoboHelp and generate it the images either does
not change or it is not visible.
Please advise...
Thanks,
Susy Carrillo

You might take a look at
Walter
Zorn's free tooltip utility, a really neat onMouseover
application that makes your tooltips look like popups, including
the use of links within them.
You can use it for text links or in combination with image
maps. So far, I'm using only the former, but I'll be using the
latter for some new, complex C# screens in our next version
release.
There are a few things that can trip you up, such as: all the
HTML inside the Javascript area (the
escape('Some text') portion) cannot have carriage returns;
and certain characters must be escaped with a backslash (such as
replacing double quotes with backslashed single quotes). However,
it's all explained quite well on his site. You can control
backgrounds, transparencies, images, placement, etc.
As Peter says, do all your testing in a scrub project before
going live in the real one.
Good luck,
Leon

Making Roll over images from photoshop layout

Hello Everyone,
I am working on a website and I have sliced my parts of my Photoshop file.
I have saved as a html with images as well!
How would I amek a roll over image out of the buttons I made in photoshop and sliced?

Best thing you can do is delete that HTML file from Photoshop and use the slices and build the code in Dreamweaver. You will be much better off.
The simplest solution is to save the 2 states of your button as 2 separate images then click on Insert->Image Objects->Rollover Image. Then select your before and after image. Just remember to upload the javascript file Dreamweaver creates during this process or it won't work online.

Roll over images in a slide show

I am trying to make a slide show of before and after images for a client.
Rather than just have them all one after the other, I want all the after images to display as normal, and the before to display on hover for each slide.
I can make this work in a basic slide show when rather than adding an image to the Hero Image box, I use the fill and states.
However this only allows me to do one, as I can't add any more empty Hero Image boxes (or I don't know how to do that, is it possible?)
When I add an image via the slide show menu it appears on top of any fills, and I can't seem to give images added this way a roll over state.
Can anyone tell me how to either add extra blank Hero Image boxes, or how to apply the effect I want to the images in the Hero Image boxes.
Thanks in advance, if there is any further info I can provide about my problem, please let me know!
M

Hi,
You cannot add multiple hero image boxes within the same Slideshow. Now , you can use different slideshows for your different images but that wont give you the slideshow effect but you will be able to see all your after images at once and then if you rollover them you would be able to see the before images.
Now, In order to create the effect that you want, what I would suggest you is to use a 'Composition widget'. In the composition widget, you can make the triggers as small thumbnails for your images and in the Target you can set the fill as your after image and in rollover state you can use the before image. After this you can use the Autoplay feature available in the composition widget and you will get the desired result.
Hope this helps
Regards,
Rohit Nair

How do I fade in a roll over image

Hi,
I have a roll over text/png to link on my home page that I would like to fade in.
I saw something on the net and tried it and it didn't work.
Any thoughts? I realize these won't CSS work on all browsers. Should I go to Java?
My home page: www.adjacentdimensionsmedia.com
HTML:
<div class="clearovalfortree">
<a href="portfolio.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/treewithtextversion3.png',1)" class="opacity" >
<img src="clearovalfortree.png" alt="text for tree2" width="800" height="600" id="Image10"></a></div>
CSS:
img.opacity {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
img.opacity:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
Paul

All you need to do is place the images on top of each other and change the opacity of the top image on hover as in
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<style>
#test {
    width: 800px;
position: relative;
margin: auto;
#test img {
    width: 800px;
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
#test img.top:hover {
opacity: 0;
</style>
</head>
<body>
<div id="test">
    <img class="bottom" src="http://www.adjacentdimensionsmedia.com/images/treewithtextversion3.png" alt="">
    <img class="top" src="http://www.adjacentdimensionsmedia.com/big-tree-final1.jpg" alt="">
</div>
</body>
</html>

Using Roll Over Images for Hots Spots in DW CS 5

Ok I had this sort of working .. but
what i am trying to do is have pictures pop up when the mouse rollovers a hot spot.   I do this with two layers and using the behavior window
The full project is at http://www.kasdivi.com/pages/map.html... ( thought that might be better then posting code)   The issue is in the left hand top of the map wjere you see malmok (Col H Row 2)or Boka Bartol (also Col H Row )
you have to move down the page before the image will show
I though there might be something in that area mapping as if you leave map in topmost position and mouse over Boka Onima (Column M row 5) the image pops up fine
I tried to restart with a simpler test www.kasdivi.com/testmap.html
the supposedly live hot spots are at Malmok (H2 ) and Boka Onima (M5) but it this test nothing works
I think I am doing something baically wrong
any guidance will be appreciated
Jasom

You have some code errors that could be causing issues.
Things like missing quote marks around the alt attribute on line 91, your links near that line are also malformed to both your images and webpages.
Run your page through the validator here and repair your errors:
http://validator.w3.org/
If it's still not funtioning correctly after you have taken care of the problems, post back and we can take a closer look...

How can I float widgets over my desk top?

Hi:
I am working on a Power Mac Tower running 10.8
I would like to see my widgets floating over my desktop reather then sliding in from the side over a very ungly backgound.
How can I get ride of this background?
I can float my widgets on my other computers but this one....no.
Is there a preference setting that I am missing.
Looking forward to a response and solution.
Thanks,
Rick

System Preferences. Mission Control. Uncheck "Show Dashboard as a space".

Roll-over image and image-link

Hi,
How can I create a rollover image in the portal ?
On another hand, how can I create a simple image-link ?
Thanks for your help
Jean-Christophe

Here is the code to the above problem, maybe it will help in
answering the question.
<mx:State name="Bag Open">
<mx:SetProperty target="{bagUp}" name="visible"
value="false"/>
<mx:SetProperty target="{bagOver}" name="visible"
value="true"/>
<mx:SetProperty name="width" value="575"/>
<mx:AddChild position="lastChild">
<mx:Panel width="100%" layout="vertical"
id="pnlBagSummary" title="Bag Summary">
<mx:DataGrid dataProvider="{this.bagData}" width="100%"
height="250">
<mx:columns>
<mx:DataGridColumn headerText="Item" dataField="item"
width="150" itemRenderer="components.ProductView"/>
<mx:DataGridColumn headerText="Qty" dataField="qty"
width="50"/>
<mx:DataGridColumn headerText="Description"
dataField="description" width="200"/>
<mx:DataGridColumn headerText="Price" dataField="price"
width="75"/>
<mx:DataGridColumn headerText="Actions"
dataField="action" width="75"/>
</mx:columns>
</mx:DataGrid>
<mx:ControlBar>
<mx:Text text="Checkout will take you to our secure
ordering page." fontSize="12" fontWeight="bold" textAlign="left"
color="#191919"/>
<mx:Button label="Checkout"/>
<mx:Button label="Clear Cart"/>
</mx:ControlBar>
</mx:Panel>
</mx:AddChild>
</State>

Odd color output on roll-over images. (Not the normal problem)

Hi, I realize that iWeb has problems with color out puts: converting them from hex to rgb. However, I didn't think that this affected images. The problem is that my rollover images don't match the color they should. The buttons are a rounded corner so I need the background image there to make it a JPEG. Whenever I bring in the images through iWeb they match perfectly, even when published. These images, that are brought into the site via rollover code match within iWeb but not when published. Is this the same problem stated in many other posts? Thanks for any help!
-iMaster

Sorry, no URL as this is just the homepage and I don't want to upload it yet, as it would not match the rest of the site (this is a redesign) but I can give you an image: http://twitpic.com/atpxm The one on the left was imported through iWeb and blends perfectly, whereas the image on the right is darker.

Roll-over images flicker

I have made a page with a map with rollover image and
hotspots. On my pc it looks fine but on other computers the images
don't load smoothly. Can someone see what makes these pictures
flicker?
http://home.tiscali.nl/siteseeingmetsia/index.htm
Thanks!

It looks like you have a couple of issues. When hovering over
a
(geographical) border, there is a flicker as the
"Bent u op zoek naar een bedrijf bij u in de " dialogue
box/layer shows
briefly.
You have some items referencing your hard drive, as well...
for example
<td width="1" bgcolor="#ffffff" colspan="3"><img
height="1" alt=""
src="file:///C|/Documents%20and%20Settings/Sia/Mijn%20documenten/siteseeingmetsia/kaarten bestand/spacer.gif"
width="1" /></td>
</tr>Jo

Metadata ? Login before download? Mouse over image? Three questions...

Three questions:
1) Can I add metadata to pages made with iWeb? Does it have to be done in an external application (and if so why)?
2) I would like to propose a PDF document (a catalogue of services) that can be downloaded from my site but only to visitors who have logged in or at least left their identities (I want to know who has downloaded the catalogue and to be able to contact them afterwards).
3) I want to have a roll-over image which will show a photograph before and after retouching, switching between the two as the mouse cursor goes over the picture. Can I do this in iWeb?
Any ideas?
Many thanks!

2 - as already suggested you can use a form site to create a form to give you the information you need. DYou can add the form to a web page with an HTML Snippet and iFrame code like in this demo page. The code used is also shown. on't know if you can set it up to download the pdf file but you might be able to add a link to the zipped pdf file which would immediately download the file.
3 - to do the rollover that you want would require javascript and a snippet. Do a search in this forum for "rollover" and you'll a number of topics where it's discussed. Cyclosaurus is the resident expert on javascript.
OT

Slicing and roll over effects

I am trying to create a roll over image effect that is giving
me a hard time. I have a picture of apple pie, with 6 slices. I
wanted to have a pop up window display with the ingredients for
each slice a person rolled the mouse over.
(6 different slices making one whole pie apple, blueberry,
cherry, etc you get the idea). When I tried this in image ready, I
had the slices cut up, but the pop up window was larger than the
actual slice, so only a portion of the info displayed. Is there a
way I can create a slice and have the roll over effect or pop up
window display larger than the hotspot slice? Its kinda hard to
describe, but I think you can understand what Im trying to do. The
ingredients list is much larger then the pie slice hotspot.
I cannot get my brain around how to make this happen. I know
theres a way, I just dont know how.
Thanks for any advice on this.

A rollover replaces one image with another. You can do a
standard rollover, replacing the image your mouse rolls over or a
disjoint rollover, where you replace a different image.
A pop-up generally requires a click and is done in
JavaScript. In the pop-up window, you can specify whether or not
you have scroll bars.
You might also check into setting overlapping divs and
changing the visibility of the layers depending on mouse movement,
but...that's probably going to require you to code the JavaScript
by hand.
Anyway, what is it you want? A rollover image or a pop-up
window?

Float roll over image on top help

Similar Messages

Maybe you are looking for