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

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

Rating images while in slide show mode?

Is it possible to rate images while in slide show mode? I didn't see a reference to it in the manual. If not this would be a very handy feature (you can do this in LR)

I have used full screen and other layouts to do ratings. I was running through my 1st major project and fine tune - wanted to filter out some images by lower ratings. Actually I would like to pause a slide show and do whatever to images, then continue, and have the music continue as well - without starting over. As aperture is mostly flexible in regard to adjusting image settings whenever (as compared to LR, which seems more modal), it seems like slide slow is more limited then it could be. Its sometime nicer to sit back rather than working the keyboard constantly. And i'm not thrilled about using a 3 key combo to explicitly set ratings. that's a 2 handed operation for something, so I mostly end up using the -/= keys.

How can I exchange all the images in a slide show with new ones

I have 18 slide shows each is a different competition for our camera club. How can I exchange all the images from each slide show with new images as our club competitions commence? I am reluctant to just delete the slide show because I will have set it all back up. I want to leave the size shape and format of the show as is, but just exchange all of the current images with new ones. I am hoping there is a quick way to delete and replace all images for each show? Each slide show has around 40 images and I have 18 shows
thank you for your help

1. Activate "thumbnails" in the configuration panel
2. Select one Thumbnail.
3. Rightclick and choose "Select same"
4. Press "backspace"
5. Open the configuration panel and load the new images.

Is there a limit to the number of images in a slide show?

I am making a slide show for an event and would like to use lots of pictures, is there a limit in the number of images in a folder? the number of images in a slide show?

is there a limit in the number of images in a folder? the number of images in a slide show?
None that I know off. But why are you asking? Did you notice any performance problems or problems to render the slideshow? Then it would help to know more about your hardware RAM, disk, CPU ..
If you already encountered problems, you may wish to have a look at this thread - although it relates to Aperture 3, not 2:
Is there a limit on the number of photos you can use in an Aperture slideshow?
And as I said in that thread:
I'd expect the limiting factor to the length of a slide show to be the patience and "Good Will" of your intended audience
Regards
Léonie

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.

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.

Image quality of slide shows using Aperture 3 seems inferior to iPhoto '08

I haven't previously used Aperture. I've been using a copy of iPhoto '08 for several years. I've shot everything in RAW for the last several years and process it in
DXO on my Mac Pro (3 1/2 years old with 7 gigs of RAM). I then load the jpegs into iPhoto '08.
I downloaded Aperture 3 yesterday, and it certainly is impressive in what it can do for improving existing jpegs. I think I could do most touch-ups with Aperture
instead of Photoshop 3. Because of some glitch, I couldn't load or link to my 37,000 images from iPhoto but I did export about 4000 images as full jpegs into
a separate file and then imported these images into Aperture. Touch-ups are an order of magnitude better that trying to use iPhoto to do the same.
I'm an amateur and aside from a fair amount of print making and a few thousand images uploaded to a new Picasa account
http://picasaweb.google.com/jamesn88888
I enjoy a lot of my images via slide shows on my 23" Apple monitor, usually sequenced at 3 seconds per slide.
Comparing slide shows of identical jpegs run with iPhoto '08 and then with the files uploaded to Aperture 3 there is a very subtle loss of definition with Aperture. It's not so
obvious when viewing relatively large detail but is is very noticeable when running slides containing small detail. When both of these programs are just used to display static images full screen I note no difference in readability. Someone suggested that I check the preferences for preview displays. Sure enough, it was set for relatively low quality. I decided to re-do all 4000 images maximum preview display quality.
Using the import settings that came already selected on the trial software, the total size of my
Aperture 3 trial library was a little over 25 GB. The quality of the slide shows did not approximate
the quality of the slide shows of the identical jpegs included in my iPhoto '08 library.
I therefore re-processed all of the previews to the "don't limit" in the photo preferences. The total size of my Aperture 3 trial library grew from 25GB to 41.37GB, an increase of 17 GB. With 3926 jpegs in the library that means the average additional size added to each preview image was 4.33 Megabytes. Inasmuch as the original jpeg images that I imported into Aperture 3 were more in the neighborhood of 1.7 to 3.5 Megabytes each (I have DXO output most jpegs @ 90% quality- fine for my purposes), this is an extreme measure to take in order to be able to use Aperture 3 the same way that I used iPhoto '08. In comparing slide shows between the two applications I still get the feeling that there is a very slight loss in acutance when viewing the slide shows. iPhoto still wins out.
I think that I'm better off staying with iPhoto and continuing to do the RAW processing with DXO and slight file modifications with iPhoto. More elaborate changes can continue to be done using Photoshop 3 and Viveza. It's a shame, because I really like the image processing abilities that are contained in the new Aperture.
Have any of you compared slide show views on your computer between Aperture and iPhoto?
Is there any workaround for best slide show viewing- importing or referencing my existing iPhoto library of 37,000 images does not work for me. My copy of iPhoto 7.1.5 get the message that Aperture cannot import or link to iPhoto earlier than 7.1.5 (?)

I think I've solved my problem with a Google Search. I came across a free slide show generator
(contributions requested) that shows much higher quality slide shows than either iPhoto or Aperture 3.
You click on a folder of jpegs and it almost immediately generates thumbnails and within a few seconds
I can be viewing a full screen, tack sharp, slideshow of all of the files in the folder. Much sharper than
I'm used to seeing.
I think I'll keep the Aperture 3 and use if for the purpose it's intended for in the future. I'll also redo the
image preview files to the small size it started with and then I'll copy all of the files I'm interested in from
iPhoto into a separate folder on another disk. I'll use Aperture to catalog and to perform image manipulations
on but I won't try to use it as an iPhoto replacement. I don't think I'll be using iPhoto much as an image
viewer in the future either after I finish moving my favorite pictures to the Phoenix Slides folder.
The name of the free program is Phoenix Slides. It's free to download and try, free to keep (though I
think you'd want to pay the small amount requested) and fast. My pictures have never looked so good
before.
http://blyt.net/phxslides/
Message was edited by: Jimbo2001

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>

Duplicating an image in a slide show for ending

I need to duplicate an image in slide show to put at the end ( this image is already in the begining I need to use it at the end also).

To duplicate a photo: Photos Menu -> Duplicate
Regards
TD

Adding images to a slide show

I'm sure this has been asked a bazillion times here but I'm
so new to Flash (we're talking a couple of days) that I wouldn't
know what to search on much less what question(s) to ask. That
having been said I'm tasked with adding images to an existing Flash
site that has 4 slide shows (it's for a photographer). I have all
of the .fla files and I can successfully change an image but when
it plays it's taller than the other existing images (even though
they are the same height in pixels) and I'm sure fixing that is
just a couple of clicks.
He said with false self-confidence...
I have other, more specific, questions but it's better to ask
them in
this
image to be more clear about what I'm referring to (without
knowing the correct terminology).
I know Photoshop, ImageReady, Illustrator and GoLive (so I'm
no knucklehead) but Flash is a whole new ball game so I apologize
for my ignorance. Once I get up to speed with Flash I won't be
asking dumb stuff like this.
As a sidebar question what's the best way to get up to speed
with Flash? Is Lynda.com any good?
TIA

I had to restart and opened the file. It asked me if I wanted to try to recover the operations in process before. I said yes. Then it gave me this error which was similar to one of the first two errors I got but did not write down.
[SQLC/interOpen] SQLError: ‘Error #3125: Unable to open the database file.’, details: ‘Connection closed.’,operation: ‘open’, detailID:’1001’

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...

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

Roll over images in a slide show

Similar Messages

Maybe you are looking for