Swapping image on Roll-Over not swapping

I have a button that has an alternate image that I need the original image to sawp to upon roll-over.
I click on the initial image and on the Roll-Over state, selected the image for it to change to.
But when I preview or publish, the image does not swap. Am I doing something wrong or is this a bug?

i have followed the steps for putting the still image as the fill in normal mode and then the gif in teh rollover state. the gif locks instantly. this can be seen on the preview site
http://hibs.businesscatalyst.com
anyone know why this is happening?
if i just put in teh normal gif there isnt any trouble with it working

Similar Messages

Swap images while rolling over popup menu

Hello,
I've been playing with fireworks CS5 for some days now and made a first attempt on a website.
So far, i've made a navigation bar with two states in order to be able to add a simple roll over behavior, e.g. darkening text on rollover. I also have been able to make a dropdown menu (popup) via slices.
Then I decided to swap images when on nav bar headings. So far, so good.
When I did a preview in my browser, it appeared that as soon as I was leaving the nav bar, the image swapped back to the old setting. Perfect.
But when I did a mouse over on one of the dropdown menu's of the navigation bar, the image swapped back as well.. I've been trying, but didnt manage to find out how to fix this.
So, is there anyone here that knows if it is possible, and if so, how to keep images swapped to a second stage as long as the mouse is on the dropdown menu, but swaps back to the original state when leaving the dropdown and/or the navigation bar.
Thanks in advance,

Hi Bryan,
It may be possible to cheat and put this onto the button:
the option that you want is called TITLE.
if you set one of the other parameters (e.g. the label)
to be:
LABEL_TEXT" TITLE="TITLE_TEXT
basically when it adds the text onto the form it will wrap it in "
If it doesn't strip out the " from your text you should get your extra parameter.
it may slip past the portal checking.
I can't test it as I only have WebDB, but I have done something similar with javascript in WebDB.
good luck
Michael

Swap another image when rolling over another one

i would like to roll over a small thumbnail and swap out a
larger image on the page. i've been trying all morning and i just
can;t seem to get it. what are the steps? i want to roll over
"thumb.jpg" and swap "text_large.jpg" with "product_large.jpg".
any help would be wonderful.

In DW we call this a disjointed (or disjoint) rollover -
here's a tut for
you........
http://www.dwfaq.com/tutorials/basics/disjointed.asp
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
==================
"divebombinc" <[email protected]> wrote in
message
news:ga620o$804$[email protected]..
>i would like to roll over a small thumbnail and swap out
a larger image on
>the
> page. i've been trying all morning and i just can;t seem
to get it. what
> are
> the steps? i want to roll over "thumb.jpg" and swap
"text_large.jpg" with
> "product_large.jpg".
> any help would be wonderful.
>

Roll-over not working in Safari

I've been messing with this problem for over an hour and
cannot for the life of me find the error. I've tried numerous
tweaks to try and get it to work.
If you go to
http://tinyurl.com/3ab4am in
the SAFARI browser, the "links" button does not perform its
roll-over as the other buttons do. It works fine in Firefox
however.
Can anyone see what I have done wrong with this link?

The roll over works fin on the PC for Firefox 2 IE 7 IE6 and
IE 5.5, however there is a white gap across the page jjust under
the select box and runs from the left red shadow to the right red
shadow on all the versions of IE that I listed. I suggest fixing
that since IE is the most popular browser out there.
Sorry I could not help with your rollover issue, but I don't
see the problem

What happens when image count rolls over?

MY Canon Xsi is about to hit 10,000, and will roll over in the counting. What will happen in Aperture if I am using a referenced master setup? What about if I just change things to a all incorporated database?
Or, would it be better to start importing with customer names to eliminate duplicates?
I do have 25,000 shots from an old Pentax, so I already have some duplicates with 3 matches.
Thanks.

I love the XSi. Great little camera!
The counter will restart and the camera will begin writing to a new directory on the memory card. I believe it'll start writing in CANON101 instead of CANON100, or something like that
A standard naming convention might be a good idea, but it's really up to you.

Having problems with swap image (roll over effect)

I am trying to do a roll over state (swap image) for a linked item on my mock up. I've done this for other pages in the same file, but for some reason on another page, when I build the second state, insert the slice, and create the swap image on the first state, it previews in the browser with just a white screen and the section that I sliced. How come it is showing a white page in lieu of my entire mock up with the roll over effect?

I am trying to do a roll over state (swap image) for a linked item on my mock up. I've done this for other pages in the same file, but for some reason on another page, when I build the second state, insert the slice, and create the swap image on the first state, it previews in the browser with just a white screen and the section that I sliced. How come it is showing a white page in lieu of my entire mock up with the roll over effect?

Rollover and swap image

Hi, I've created a rollover image that also replaces another
image elsewhere when rolled over. The original rollover does not
return to it's original state on roll out.
Any ideas?
Thanks Chris
<td width="100" height="20"><a
href="philosophy/philosophy.htm" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('philosophy','','images/navigation/philosophy_over.jpg',1);MM_s wapImage('black_band','','images/navigation/philosophy.jpg',1)"><img
src="images/navigation/philosophy_up.jpg" alt="Philosophy"
name="philosophy" width="100" height="20" border="0"
id="philosophy" /></a></td>

Do not use the automatic restore.
Apply a standard mouseover rollover to image1 to swap in
image1b and to swap
image2 to image2b. Do not enable the restore option. Make the
event
onmouseover.
Apply a second image swap behavior to swap image1 back to
image1, and image2
back to image2. Do not enable the restore option. Make the
event
onmouseout.
I note from your code that you have applied TWO onmouseover
events for the
original swap. Don't do that. Apply the behavior once, but
make that one
application swap both images, i.e., do not swap one image,
click OK, and
apply it again. Swap the first image, then find and select
the second
image, and swap it as well before clicking OK.
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
==================
"Tun Tun bags of fun" <[email protected]>
wrote in message
news:fm7jg5$f4c$[email protected]..
> Hi, I've created a rollover image that also replaces
another image
> elsewhere
> when rolled over. The original rollover does not return
to it's original
> state
> on roll out.
>
> Any ideas?
>
> Thanks Chris
>
> <td width="100" height="20"><a
href="philosophy/philosophy.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('philosophy','','images/navigation/philosophy_over.jpg
>
',1);MM_swapImage('black_band','','images/navigation/philosophy.jpg',1)"><img
> src="images/navigation/philosophy_up.jpg"
alt="Philosophy"
> name="philosophy"
> width="100" height="20" border="0" id="philosophy"
/></a></td>
>

I'm trying to find code that has a seek bar roll over effect as HULU and YouTube.

Hi
The seekbar roll over will not just show the NetStream.time but also has the frames screen shot. I've searched several sites but no clear answer yet.
I'm using actionscript 3 in FLash CC and can also use Flash Builder.
Thanks

Please find the below code -
1) Use your actual variable instead of dummy.
2) Position of thumbnails should be move as per mouseMove on seekBar. Get the mouse X posion and set the xpos of your thumbnail which contain either Video object or image display holder.
package {
import flash.display.MovieClip;
import flash.events.MouseEvent;
import flash.events.TimerEvent;
import org.osmf.events.TimeEvent;
import flash.utils.Timer;
import flash.net.NetStream;
public class SeekThumb extends MovieClip {
private var seekBtn:MovieClip;
private var getVideoFrameAtSecond:Number = -1;
private var durationOfVideo:Number = 100// Asume that we have 100 seconds video
private var timer:Timer;
private var counter:Number = 0;
private var delay:Number = 1; // It can be updated as per smoothness.
private var netStream:NetStream;
private var lastSeekPos:Number;
public function SeekThumb() {
// constructor code
this.addChild(createSeekButton());
timer = new Timer(200);
timer.addEventListener(TimerEvent.TIMER, updateQos);
counter = delay;
private function createSeekButton():MovieClip{
seekBtn = new SeekButton();
seekBtn.buttonMode = true;
seekBtn.addEventListener(MouseEvent.MOUSE_MOVE, seekMouseMove, false, 0, true);
seekBtn.addEventListener(MouseEvent.ROLL_OVER, seekOver, false, 0, true);
seekBtn.addEventListener(MouseEvent.ROLL_OUT, seekOut, false, 0, true);
seekBtn.x = 50;
seekBtn.y = 100;
return seekBtn;
private function seekOver(event:MouseEvent):void{
timer.start();
private function seekOut(event:MouseEvent):void{
timer.stop();
private function updateQos(event:TimerEvent):void{
//trace("counter = "+counter)
if(counter>0){
counter--;
}else{
// Enable below funtion as per your need.
//updateVideoFrame(getVideoFrameAtSecond);
//addImageOfVideoFramesAt(getVideoFrameAtSecond);// If you want to show your bitmap image then pass the bitmap image params here or customize your methods here
trace(getVideoFrameAtSecond);
private function addImageOfVideoFramesAt(seekTime:Number):void{
var getBitmapMovie:MovieClip = myStoredThumbArray[seekTime]// Set the image url here from array which you have already stored/ traced from main source of image which you provided.
previewHolder.addChild(getBitmapMovie);
private function updateVideoFrame(setId:Number):void {
try {
if (netStream!=null && lastSeekPos!=setId) {
lastSeekPos = setId;
netStream.play(netStreamURL, setId);
netStream.pause();
//netStream.soundTransform = setVoluem to 0
} catch (error:Error) {
trace("UpdateVideo Frame Error: "+error);
private function seekMouseMove(event:MouseEvent):void{
var currentMc:MovieClip = MovieClip(event.currentTarget);
getVideoFrameAtSecond = Math.round(currentMc.mouseX*durationOfVideo/seekBtn.width);
counter = delay;
Re: How to show video frames as still preview image when roll over on seek bar just like Hulu?

Swap Image not working Except in IE

I am working on a class project, and we've just learned how
to do "swap image" on rollover. It's working beautifully when in
IE, but in Firefox it's not working at all and in Opera it's
working strangely (only when on the "edges" of the flash text not
when rolling over the flash text) Any ideas as to the problem? The
flash text rollover works (changes colors), but the "bubbles" are
supposed to swap images. BTW, I thought it might be a setting in my
browser disabling something, but the swap image on classmates'
sites show up fine.
http://198.86.244.3/drsimpson/WEB140/drsimpsongallery/
Thanks

I can't see what is the problem. :-(
Try replacing your flash buttons with plain gif images, it
works the same way and you will have much less code on your page. I
don't think the problem is there but you can always try.

Swap images works in preview but not in browser

Hi everyone,
I am attempting to get a swap images to work. It works in the preview window but not when I preview it in the browser. When I open it in a browser the states seem to "cycle" through really quickly in rapid succession. I have linked my png file for you to see. Any thoughts?
Thanks,
denbeck

Your swap image slice is set to Animated GIF. Change it in the Optimize panel to plain GIF or PNG 8
Jim Babbage

Swap Image Looks fine in Firefox, not Safari? Can Javascript be an issue in Safari?

Hi, Im new to web design as you may guess.
I'm trying to put together a website navigation page with several swap image div tags. When I view the page in Firefox it looks fine, after the behavior is applied the page doesn't view at all in safari?
Can anyone please help with this?
I have used a lot of different images and styles (some of which are no longer relevant). Please see below for 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>Untitled Document</title>
<style type="text/css">

</script>
</head>
<body bgcolor="#FFFFFF" onload="MM_preloadImages('images/CorpLitRollO.png','images/DisplayGraphRollO.png','images /BrandRollOai.png','images/AdvertProRollO.png','images/PackRollO.png','images/ConPhotoRoll O.png')">
<div id="Container">
<div id="IntroText">All Introductory text here<br />
and here<br />
and here.</div>
<div id="FeatherFan">
    <div class="DGOver" id="Display Graphics"> </div>
<img src="images/FeatherFan.png" alt="Feathers Green" name="Feathers" width="800" height="405" hspace="0" vspace="0" id="Feathers" /><img src="images/ConPhotoType.png" alt="Concept Photography" width="164" height="134" class="ConPhoto" id="Image6" onmouseover="MM_swapImage('Image6','','images/ConPhotoRollO.png',1)" onmouseout="MM_swapImgRestore()" /><img src="images/AdvertProType.png" alt="Advertising and Promotions" width="134" height="158" class="AdPromo" id="Image4" onmouseover="MM_swapImage('Image4','','images/AdvertProRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="CorpType" id="CorpLitType" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/CorpLitType.png" alt="Corporate Literature" width="162" height="133" id="Image1" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div id="CorpRollO"><img src="images/CorpLitRollO.png" alt="corporate literature image" width="162" height="133" /></div>
<div class="DGOver" id="Display Graphics Image"><img src="images/DisplayGraphType.png" alt="Display Graphics" width="154" height="150" id="Image2" onmouseover="MM_swapImage('Image2','','images/DisplayGraphRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="BOver" id="Branding"><img src="images/BrandType.png" alt="Branding" width="137" height="163" id="Image3" onmouseover="MM_swapImage('Image3','','images/BrandRollOai.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="Packaging" id="Packaging"></div>
</div>
<span class="Packaging"><img src="images/PackType.png" alt="Packaging" width="150" height="147" id="Image5" onmouseover="MM_swapImage('Image5','','images/PackRollO.png',1)" onmouseout="MM_swapImgRestore()" /></span>
</body>

becky ss wrote:
Hi, Im new to web design as you may guess.
Welcome to the forum. Please take a few moments to read How to get help quickly. As the advice on that page tells you, please upload your problem page to a website and provide the URL.
Since you're new to to forum, also take a moment to check out the Dreamweaver FAQ and bookmark it so you can find answers to common questions quickly.

Swap image not working in IE on server

Hi
suddenly having problems with this - whether it's Win SP2 or
what I'm not sure. swamp image works fine locally (off a network
LAN drive) but not on the live server. I have preload images set,
not restore on mouseout. The setup is an imap with a hotspot but I
had the same thing happen on a plain image - no errors come up,
just a blank spot where the image is not swapping.
Any help appreciated
RG

Very difficult to troubleshoot without seeing the code.
Regards
John Waller

Swap Image NOT mouseover

I am trying to swap images in Dreamweaver so when a user goes
to my website, the images swap automatically. I have 4 images that
I want to swap and I want them to change every 7 seconds. I don't
want the user to have to mouseover or click anything, i want the
images to change automatically. I can't get this to work right in
Dreamweaver. It always only swap to 1 image and it never goes back
to the original image.
Also, the images are different sizes and I want them to stay
different sizes. I have 4 images, I want the images to swap every 7
seconds and then restore back to the original image. I want them to
keep swapping every 7 seconds, or I might just want them to swap
through the 4 images once and then restore to the original image
and not swap anymore after that. Can you help me with both of these
scenarios please?

1. Make the images to all be the same size by adding canvas
to the shorter
dimensions in your graphics editor.
2. Once you have done this, use an image rotator script to
make the images
rotate. You can find such things in many places on the web -
from free to
commercial. I have used SlideShowMagic from PVII,
http://www.projectseven.com/,
and the image rotation script from KaosWeaver,
http://www.kaosweaver.com,
before and found them both to be excellent for
this purpose....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"originalit" <[email protected]> wrote in
message
news:f859tu$5v9$[email protected]..
>I am trying to swap images in Dreamweaver so when a user
goes to my
>website,
> the images swap automatically. I have 4 images that I
want to swap and I
> want
> them to change every 7 seconds. I don't want the user to
have to mouseover
> or
> click anything, i want the images to change
automatically. I can't get
> this to
> work right in Dreamweaver. It always only swap to 1
image and it never
> goes
> back to the original image.
>
> Also, the images are different sizes and I want them to
stay different
> sizes.
> I have 4 images, I want the images to swap every 7
seconds and then
> restore
> back to the original image. I want them to keep swapping
every 7 seconds,
> or I
> might just want them to swap through the 4 images once
and then restore to
> the
> original image and not swap anymore after that. Can you
help me with both
> of
> these scenarios please?
>

Create a transparent swap image slice over an html slice

I have a 990px x 400px page divided into two halves horizontally.
The left slice is a html slice that consists of an unordered list with hrefs to various pages.
The right slice is an image that I want to put some polygon hotspots with each having a swap image behavior to swap an image over the html slice and I am unsure how to put a transparent image slice over a html slice.
Sure could use some help.
Terry

You can't overlap slices in Fireworks, as Fireworks needs to have a clearly defined, single image to export. Overlapping slices or hotspots makes that impossible. This means that, for one thing, you can't put polygon hotspots over your left slice.

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

Swapping image on Roll-Over not swapping

Similar Messages

Maybe you are looking for