Animated gif on multiple rollover buttons ?

I want to use animated gifs as MouseOver in rollover buttons.
Somehow when I put this together the animation only works for the
first time I do the MouseOver. - the anim gifs are not looping I
want them to restart every time I have a MouseOut and MouseOver.
I get this to work if i dont put in preload images as default
but then I will have problems with delays instead. Do anyone know
how to solwe this problem in an easy simple to explane kind of way
Greetings from Sweden !

Similar Messages

Animated GIF as a rollover?

I need to have an animated GIF be the rollover image for a button. However, when I insert the 'up' image for the button, and naming the aminated GIF as the "over" part, it doesn't play it as an animation since an animated GIF must be added as an animation, not as an image. Is there a way to do this?

Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.

Animated Gif - Aligning Multiple layers

Hi All
I am creating a rotating animated gif in PS. Now I have about 37 layers, where I increment the angle of each layer with 10 degress relative to the previous one. But even when aligning all my layers with the aligning tools the layers still not align...How can I align them perfectly? See what I mean on the image below here:
NOTE: If the gif here does not animate, see this link:
You can see it is off-center

DexterDave wrote:
@JJMack. I am not sure how to rotate the layer without the older frame copying the new rotated position...that is why I used copies of layers
You do copy the layer and rotate. The layer needs to be perfectly aligned to the center of a is square 1:1 aspect ratio canvas. Guide lines were added 50% Horizontal and Vertically three were added a 49%, 50% and 51%. Then using the elliptical tool set to path mode a circle path was drawn by holding down the Alt key so the path would be from the center and holding the shift key down so the ellipse would be constrain to a circle. You click at the 50% 50% crossed guide line which the mouse pointer snaps to and you drag out the first otter circle. You then set the path mode to subtract and drag out the inner circle. Your path is now a ring. Then switch you the rectangle tool and subtract a rectangle path using the 49% and 51% guide lines. Your Path is now two arcs. Create two filled Shape layers the colors in the ring delete 1/2 of the layer so you have two colored arcs. Rastersize the two and merge the two layers int one. You now have you arcs aligned from the center. Next the action its simple dupe the layer rotate the layer 10 degrees select previous layer turn off visibility select layer forward. Play this action till you the required 36 ring layers. Create a frame animation have Photoshop make frames from the layers using the frame animation palette's fly-out option. Delete the first IK frames and turn on the IK layer visibility in what in now the first frame. It will turn on in all frames. You the save for web the animated gif. PSD file http://mouseprints.net/old/dpr/ik.psd also tried using a smart object ring layer to loose less quality rotating the layer however there seem to be movement in the rotation. Photoshop may be having a problem dealing wit the transparency in the layer and the break in the circle. http://mouseprints.net/old/dpr/ikso.psd so then I put all the ring layers into a group and masked the group with a vector mask. http://mouseprints.net/old/dpr/iksomask.psd the best tool you have when using Photoshop is the gray matter between your ears let it do its thing it may even surprise you sometimes.

Animated GIF starts with rollover

Hello! I want an animated gif to start when I roll over it. I
tried this with a swap image, using the "still" version of the
first frame and then setting the swap image to be an animated gif
file (set directly under the still image. Doesn't seem to work..
should I be able to do this?
-- Don

Donok wrote:
> Hello! I want an animated gif to start when I roll over
it. I tried this with
> a swap image, using the "still" version of the first
frame and then setting the
> swap image to be an animated gif file (set directly
under the still image.
> Doesn't seem to work.. should I be able to do this?
Export the animation first, and then use it as the image you
swap in.
Uncheck the preload images function in the swap image editor
to force
the animation to begin playing onMouseOver.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Possible to Use Animated GIF as Rollover Image?

Before I spend a lot of time on development...does anyone
know if it's possible to use an animated GIF as a rollover image in
Captivate? I'm developing an e-Learning course for a
Sarbannes-Oxley application, and I want to be able to hover over an
object, then have a rollover graphic describe the hover target in
more detail...the catch being that I want the description to look
like a scrolling stock ticker.
I'm sure Flash is probably the ideal development environment
for this idea, but that project is way beyond my Flash skills at
this point...
Thanks!

I know you can load and display a PNG image just the way you do for a GIF/JPEG one :
ImageIcon myIcon = new ImageIcon("my_icon.png");but I don't think many others formats are recognized by j2se... you can simply try to load a BMP file to find out.

Help creating an animated gif for a navbar!!

Hey guys, I am very new to fireworks and dreamweave and am having a problem that is making my head spin! I have to create a simple animated .gif for a navigation bar (which will be made in dreamweaver). The navigation bar should function similar to this: http://www.eden.rutgers.edu/~baronson/ITI320/Exercise2/functionality.html. Essentially, all that is happening is I create this animated image and in dreamweaver, when I create the AP NavBar, I set the mouseover to that image. My problem is that in comparison to this website's mouseover image ( http://www.eden.rutgers.edu/~baronson/ITI320/Exercise2/images/navi/audience_OVER.gif ) my animated gif has multiple layers and states, where as his only has one layer. I can't seem to figure out how to include both the text, and the gif image, and incorporate them under the same layer.
A follow up question after having found how to incorporate both into the same state, would I have to lasso out each piece of my animated gif for the individual state I want to have it applied to?
Any help/pointer to where the information can be found would be greatly appreciated. I've read through the manuals and watched many of Babbage's videos but haven't been able to figure this out. Thanks!

Your gif doesn't need to have multiple layers, but it does need to have multiple states. To save yourself a lot of confusion, create the animated gifs first, and then export them. Create your navbar in the usual way, with simple rolloveres or swap images. Export the navbar.Rename the animated gifs with the names of the over state of the navbar images, and then delete (or mone to another folder) the over state images of the navbar. Move the renamed gif animations into the image folder of the navbar. Preview in browser. The animated gifs should have replaced the original over state of the buttons.

Animated GIF. problems in Captivate

I have been trying to bring in an Animated GIF. into my
Captivate presentation.
When I import the animation using Insert> Animation it
converts the animated gif to a swf file.
In the preview screen it shows my animated gif with multiple
colors flashing over and over. It is doing this to all of the
animated gifs that I am bringing in. My fps is set to 10 within
Captivate.
Is there frame restrictions or file size restrictions that is
causing this error when bringing in an animated gif. Any
suggestions?

Hi mikeygilbert23_nap and welcome to our community
Unfortunately, there are a few different methods used to
create animated .GIFs. One would think all of them would be created
simply using different images. Largely this is true. But some
animation programs allow you to choose different methods for the
way the screen is painted between frames. Sounds like you may be
seeing this behavior.
Not sure what to advise as to how to work past it though.
Sorry. Hopefully one of the others has a clue.
Cheers... Rick

Animated gif rollover

i've created an animated gif in fireworks i want to create a
rollover button within fireworks then export the animated gif with
rollover into fireworks. i seem to be doing something wrong, i've
created the rollover button but it isn't showing up in preview in
fireworks or showing when exported dreamweaver. any idea how to fix
it? many thanks

If you're using Dreamweaver, the easiest thing is to do your
rollovers there. Export your two images from Fireworks, then use
Dreamweaver's menu:
Insert > Image Objects > Rollover Image
It's a snap.
Fireworks is a graphics program that can export HTML for
mockups and prototypes. It is not a visual Web development tool.
When you switch from making graphics to making pages, switch from
FW to DW.

Separate buttons on animated .gif

I have a couple animated .gif files on my website. I use them
as scrolling advertisements. I would like to offer link buttons
specific to the info on the current frame, however, when i create
the button is shows up on all frames. Is there anyway to have
buttons specific to the current frame in an animated .gif?

Yep - no can do with animated GIF.
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
==================
"Alex Mariño" <[email protected]> wrote in
message
news:ekmvb3$2va$[email protected]..
> As far as I know, no you cannot do this with an animated
gif.
>
> If you create the animation in Flash, then this option
is available to
> you.
>
> alex
>
> fbcojman wrote:
>> I have a couple animated .gif files on my website. I
use them as
>> scrolling advertisements. I would like to offer link
buttons specific to
>> the info on the current frame, however, when i
create the button is shows
>> up on all frames. Is there anyway to have buttons
specific to the
>> current frame in an animated .gif?
>>

Loss of rollover behavior with animated GIF

I am currently working on a webpage design that has lost the ability of the rollover behavior on a page when animated gifs are optimized. The gif images are on seperate states that cycle forever, but the rollover slices at the top of page will flash slightly when moused over but go back to original state. The other pages that don't have the animated gif will work properly and hold the image when highlighted. I have changed the rollover behavior on the master page from simple to swap image and that does not help. I have also tried to insert the animated gif images as slices and only animate that portion on the page, but I can't get that to work either. Any tips?
Thanks

I found out that it works better to import the animated GIF's through dreamweaver.
It is now working.

How do you make an animated gif activate when a corresponding button is selected?

I am working on a DVD menu using Photoshop and Encore. I currently have a map as a background and a gif animation of a radar ping. The radar ping has transparent parts so that it shows up in front of the map it will be placed on. I want the radar ping gif to animate when it is selected, but I cannot make it animate. When I tried to place the animated gif into the DVD, it became a static image with 50 layers, instead of an animation with 50 frames. When I replaced the gif with a static image, it still caused problems because when I made it into one of the button's highlights, the button overlapped the other buttons, causing those to highlight as well.
Summary: Ideally, I want to add various gifs that will activate when the corresponding menu/chapter buttons are selected.
Failing that, I would be happy just to know how to add an animated gif to my DVD menu background.

You have two problems. The first is that an animated gif has no special status in DVD authoring. It is an anmiation. How do you get animations into a DVD project? You import them as movies - either as assets that get puit on timelines, or assets that become part of a motion background.
Yes, Encore has a special feature of making animated thumbnails, but this is just a fancy way of putting thumbnail-sized bits of video into a video background of a menu.
I think you resolve the animated gif issue if you convert it to a video format Encore understands.
http://helpx.adobe.com/encore/using/importing-assets.html#supported_file_formats_for_impor t
The second issue is that you want a button highlight to be an animation. Also not part of the DVD spec or what Encore will do. You can fake this, by having a button autoactivate and to go to a different menu that has the animation for that button as part of the background. You create as many menus as you have buttons with that characteristic.
Note that a mouseover won't autoactivate, so this doesn't work on a computer the way solme users would like.
Scripting is a way some authoring applications can handle such things, but Encore does not provide scripting.

How do you configure a button to play an animated gif in adobe flash

this is an assignment for a web design class i am currently taking. the teacher provided this code for us:
function BlueplayMovie(event:MouseEvent):void
gotoAndPlay("mighty");
blue_btn.addEventListener(MouseEvent.CLICK, BlueplayMovie);
[where "mighty" is the name of a sample animated gif he made in class, and blue_btn is the name of his button]
i substituted the name of my animated gif for "mighty" and i also substituted the name of my button for "blue_btn", however when i test it, the button does not do anything.
i think it could be due to the fact that the code says function BlueplayMovie in the beginning, and then again at the end. I don't know what that is, or what it means. i probably have to change that to something,
does anyone have any ideas as to what i could do??
THANKS!!!

Animated gif files play on their own, you do not command them to play. Look up the gotoAndPlay() function in the help documentation and maybe that will give you some idea of what you need to do around the code provided to have it make sense for the assignment. For someone to give you the answer here is pretty much along the lines of cheating on your assignment.

Need help to convert multiple PSD files to Animated Gif files

Hi,
I'm working on lot of screenshots. After scrubbing the screens I need to convert them as animated Gif's with 3 sec duration. Is there a way to automate the process? I would also need the source PSD files.
Thanks,
Vijay

Hi,
If you select "File" , "Save as previos version"
I have attached a screen shot. Or do you require them to be saved in 8.0 as you do not have 8.2 ?
Attachments:
save.JPG ‏68 KB

Multiple hotspots on an animated gif

Hi there,
I am creating an animated gif that will have 15 frames. I
need to create two hotspots that will direct the browser to two
different areas. One hotspot will direct the user to another web
page. The second hotspot will be to allow users to subscribe to an
RSS feed.
Is it possible to create these two hotspots over the whole
animation?
Thanks

ribbernator wrote:
> Hi there,
>
> I am creating an animated gif that will have 15 frames.
I need to create two
> hotspots that will direct the browser to two different
areas. One hotspot will
> direct the user to another web page. The second hotspot
will be to allow users
> to subscribe to an RSS feed.
>
> Is it possible to create these two hotspots over the
whole animation?
You can't add two links to one hotspot. You could create two
hotspots,
though. Or you could slice the animation and add links to
each slice?
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/

Firefox 4.0: Improper handling of Animated Gif background-image

FF 4.0 is giving erratic and incorrect displays of an animated gif on a project I am working on. I have prepared a very small sample that demonstrates the problem.
The problem occurs when an animated gif is used as the background-image for a div (it may also be true when used as a background-image for the body, but I have not tested that).
When a page is first loaded, the animated gif displays properly.
I would expect that the animation be displayed as animated either:
# On each page load
# On a page load with new session or when the image is removed from cache prior to loading the page. Otherwise the last frame of the image would show
The sample page is designed to test this.
IE: Behaved as in #1, i.e. the image was animated on each and every page load. (IE 8: 8.0.6001....)
Google Chrome: Behaved as in #2, i.e. the image is animated only when there is a new session or when the image is no longer in cache. (Version 10.0.648.204)
FF 3.6.8: Slightly strange, but acceptable.
* The image is animated on new session and on any reload button.
* The last frame is displayed if the location is reentered in the URL bar.
* The last frame is displayed if the back/forward navigation buttons are used.
* SOMETIMES the image is animated and sometimes the last frame is displayed when the change page button is pressed (i.e. Javascript change page).
FF 4.0: Just plain NOT acceptable
* Correctly animates the image on page load for new session
* Correctly animates the image on reload button following clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the reload button is pressed.
* INCORRECTLY shows the FIRST gif frame if the URL is reentered from the URL bar.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page).
* INCORRECTLY shows the FIRST gif frame if theURL is reentered from the URL bar after clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page) after clearing the item from cache.
All of these tests were run with Windows XP-Pro (all service packs and updates applied).
I can find no clear specification as to what ''should'' happen with pages using animated gifs that are already loaded.
* I can conceive of rationales for always displaying with animation.
* I can also conceive of rationales for sometimes displaying the last frame, especially if the same page is being reloaded since many sites reload the same page in response to user form submissions.
# '''I can see no rationale for displaying the first frame of the gif and would suggest that this is a bug. '''

Can be this bug:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=641198 Bug 641198] – Rollover animated gif show only one frame.
You can try these nightly test builds to see if they behave better:
Fx5.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-aurora
Fx6.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central
Create a new profile exclusively for each Firefox version and create a desktop shortcut with -P "profile" appended to the target to launch each Firefox version with its own profile.
See these mozillaZine KB articles for information:
* http://kb.mozillazine.org/Testing_pre-release_versions
* http://kb.mozillazine.org/Creating_a_new_Firefox_profile_on_Windows
* http://kb.mozillazine.org/Shortcut_to_a_specific_profile
* http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox

Animated gif on multiple rollover buttons ?

Similar Messages

Maybe you are looking for