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>

Similar Messages

Can I use sprites on images in Flash?

Hi, I'm designing a calculator-like application in Flash for a school IT project. I made the layout in photoshop, and want to lay out the buttons with sprites (was just on CSS so addicted to those things xD ). I've tried googling and have found something like you can use sprites like buttons (which is good), but I can't figure out how to apply bitmaps to sprite backgrounds vs. plain colors. Can anyone help me with this?
Thanks!

It doesn't have an event listener then, though? Like there's no automatic button down state; if I wanted to use it I'd have to do mouseUp and mouseOut and mouseDown events separately right?
By the way, it's just for confirmation. I found a work around, using my own code. Essentially, you set the source image (eg "BImage" in library) and this function returns a bitmap image
function getSprite(imageSource, xPosition, yPosition, widthValue, heightValue):Bitmap {
          var bitmapOfSource:Bitmap = new Bitmap(new imageSource); //converts the image in the library to a bitmap file/variable/object
         var bitmapDataOfSource:BitmapData = bitmapOfSource.bitmapData; //gets the bitmapdata, which is required to "crop" the image
         var croppedBitmapData:BitmapData = new BitmapData(widthValue, heightValue, true, 0x00000000); //creates a new bitmapdata object/variable which will have the proper height and width
          var cropRectangle:Rectangle = new Rectangle(xPosition, yPosition, widthValue, heightValue) //defines the rectangle to be cropped out, which will be used later
         var positionPoint = new Point(0, 0) //defines the point where the cropped rectangle will be placed, to be used later
          croppedBitmapData.copyPixels(bitmapDataOfSource, cropRectangle, positionPoint); //copies the specified pixels and sets them to the new bitmapdata object (if your parameters were BImage, 0, 0, 50, 50; this would crop a square side length 50, from position 0, 0 of BImage)
          var finalBitmap:Bitmap = new Bitmap(croppedBitmapData) //converts the new bitmapdata object to a useable bitmap
          return finalBitmap
stage.addChild(getSprite(BImage, 0, 0, 320, 240));
Is my code, if anyone is looking for the same thing. Like CSS xD give it the background image, then the x, y, width, and height, and it'll just print out that portion of the image. Of course, if there's native support, I'd want to use that, which is why I'm double checking. Sorry if I'm being/making you repeat the same thing over and over :/ If you don't reply I'll just assume there isn't native support for sprite down states... already been very helpful. Thanks once again!

Visited state on rollover image?

Hi,
I am using a rollover image as a link and was wondering if it
was possible to create a visited state for a rollover image so that
when the user has clicked on it then later returns back the the
page the image has changed colour to indicate the link has been
visited? If not achivable in dreamweaver would it be achivable in
Flash? Or is it something that would require Java scripting?
Thanks
Beth H

"befh" <[email protected]> wrote in message
news:emn07c$q3v$[email protected]..
> Hi,
>
> thanks for your suggestion, however I don't think that
would work with
> what
> I'm wanting to do?
>
> I have just discovered that you can specify the
background image of links
> in
> css like this:
>
> a.ipod1:link {background-image: url(s1box.jpg);
> background-repeat:no-repeat}
> a.ipod1:hover { background-image: url(enter.jpg);
> background-repeat:no-repeat}
> a.ipod1:visited {background-image: url(beenthere.jpg);
> background-repeat:no-repeat}
>
> however I am unsure of how to apply this into the code
so that it is on
> the
> background of a table cell? I figured if I applied this
then I could just
> put a
> transparent gif over the top of the background image
which would act as a
> link?
>
> I fear that I may be running around in circles here?
What you discovered is basically the same technique I'm
pointing you to in
the tutorial I gave you the URL to (in my earlier post). Give
it a try!
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

Need help inserting 2 rollover images in a footer

I used two separate rollover images to put in a footer of a
page. When seeing in a browser I only see one rollover, the footer
is big enough I don't understand. Yet if I delete the second
rollover and copy the first underneath I see it in the browser but
after giving the image another name and swapping for the correct
images I disappears. I have no problem using the add hyperlink
which works fine. but the client insists I use the rollover images.
any help?

To add to the advice from Ann, if you visit the Creative Cow website there are a mass of After Effects video tutorials where you will find one that is specifically for your task.

Rollover images on Apple wiki

Does the Apple wiki allow the use of rollover images? It keeps changing the html code for me. Is there another way to have a rollover image on the Apple wiki? Thanks.

Has anyone implemented rollover images on navigational bar items to change colors of the images when passed over and out? I already have the images.
From what I can determine, I believe I need an onMouseOver and onMouseOut event defined in my navigational bar entry template that each references a javascript function. Then I think I also need two javascript functions defined in the header portion of my page template to get the new image source.
If you have done this could you post the following: 1) navigational bar entry template, and 2) the two javascript functions used.
My navigational bar entry template currently looks like this:
<td><a href="#LINK#" style="text-align:center;display:block;"><img src="#IMAGE#" /><br />#TEXT#</a></td>
Thanks alot, Andy

Dreamweaver Created Rollover Images

Can Dreamweaver rollover image buttons validatein an HTML
online Validator? I usually use Dreamweavers rollover image option
to create my menus but the HTML never validates because of it. I've
ran pages through the validator site and its the code that
Dreamweaver put in that always sets it off. Take them out and the
page runs through fine. Is there away to create rollover images
that do validate?
Sorry I do not have a website to use an example just yet but
I can put one up if that helps. I was just wondering if this is a
well know issue with the way Dreamweaver makes its rollover buttons
or if its just me. If it is the way Dreamweaver makes them than I'd
love to know an alternative way to make them and have them
validate.
Thanks for your help!!!

> Can Dreamweaver rollover image buttons validatein an
HTML online
> Validator?
Of course.
Let's see the code from one of your rollovers that doesn't
validate.
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
==================
"c-fqgy" <[email protected]> wrote in
message
news:gcltjf$nc3$[email protected]..
> Can Dreamweaver rollover image buttons validatein an
HTML online
> Validator? I
> usually use Dreamweavers rollover image option to create
my menus but the
> HTML
> never validates because of it. I've ran pages through
the validator site
> and
> its the code that Dreamweaver put in that always sets it
off. Take them
> out and
> the page runs through fine. Is there away to create
rollover images that
> do
> validate?
>
> Sorry I do not have a website to use an example just yet
but I can put one
> up
> if that helps. I was just wondering if this is a well
know issue with the
> way
> Dreamweaver makes its rollover buttons or if its just
me. If it is the way
> Dreamweaver makes them than I'd love to know an
alternative way to make
> them
> and have them validate.
>
> Thanks for your help!!!
>

Help using image in Flash please..........

Hi all,
Posted a question the other day and still no answer to solve my problem and it is driving me mad
I am trying to use an image created in Fireworks that has gradients in it (please see attached pic).
For some reason Flash makes the image look real bad. I have tried importing into Flash as a PNG and as a JPEG, it still looks dreadful.
I am now wondering if I can create a Flash document using 'transparency' as a background then import over the image on the website however from what I can see I cannot create a transparent stage that is transparent in Flash, it has to be a colour. Is this the case or am I missing something????
Please can someone give me some idea on how to overcome this.
I cant believe I can make an image in Fireworks that Flash can then not maintain the quality. Seems soooooooo simple but yet doesn't work.
Helpppppppppppppppppppppppppppppppppppp

Hi Ned,
Thank you for sorting my other post out, good of you.
Not sure how to post a screen of what I see on here, will have a go.
I will also try your option imports however I am sure I have played and imported every way I can and it still isn't keeping the image clear.
If your able to import my image and it looks fine then I guess I 'must' be doing something wrong!
All I can say is it is like the resolution in Flash is not right. In Fireworks I can increase the resolution to make images better in quality, it seems in Flash I can't so the result, to me anyway, is that the imported image isn't clear.
When I import the image to Flash the beveled highlighted line is not clear, as it should be, it looks slightly out of focus.

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.

Spry Horizontal menu using rollover images

I see there are a lot of posts about spry menus and problems in IE. I wasnt sure if my problem is the same as the others, so my apologies if it's redundant. I'm working on a site with rollover images in the top menu of a spry menu bar with drop downs that fall below three of the menu items. Everything looks good in Mac/Win Firefox and Mac Safari. In Win IE 8 the menus go horizontally, left to right, instead of falling below the top level item as they should.
The site is here: http://tinyurl.com/y8dxo8m
The Spry CSS is here: http://tinyurl.com/yd8yhem
Should I not be using rollover images with the Spry menu? I've spent quite a bit of time on trying to solve this, including attempting to rebuild the menu from scratch.

I Paty, I just inserted the Dreamweaver rollover into the navigation. I'm not sure if that's the best approach to achieve what i wanted out of my design, but it seems to work. I checked it in Adobe's Browserlab and it works across all browsers. I'm looking into purchasing the Project7 product. It's not a lot of money and seems easier to work with for embedded graphics than the spry software. I spent way too much time with the spry trying to get the nav to look like I wanted it to while working in all browsers.

Editing text in bitmap image using Fireworks

Hello,
I would like to know how to edit the text in the attached bitmap image using Fireworks. I have attached the image for reference. Any assistance would be greatly appreciated.
Best,
C. Lee

I'm sorry, but you cant. A bitmap file doesn't contain editable text, it only contains a grid of colored pixels. What you need to do is create a new image. For that, you'll need to know the color and the font.
If you don't have the hex code for the color, you can sample with the eyedropper tool. Since the font is so thin, sample at the thickest area you can find to minimize anti-aliasing color blending.
If you don't know the font, try one of these sites:
Identifont http://www.identifont.com/
WhatTheFont! http://new.myfonts.com/WhatTheFont/
(It looks a bit like Century Gothic, but it isn't.)
Good luck!

Filter using 2 input images (Flash). How to implement?

Hi. I know how to implement filters that process single image as it was described in Pixel Benders Developer's Guide, but how can I apply filter using 2 input images one of which is computed? I wrote a filter that coppies alpha channel of one picture and applies it to another, but flash implementation is quite a puzzle for me... Any help appreciated

In our tutorial from last year's MAX, I showed how to use a two-input pixel bender kernel as a blend filter for two images on the stage. that is posted here:http://blogs.adobe.com/kevin.goldsmith/2008/12/materials_from_1.html
In one of my recent blog postings, I showed how to use a ShaderJob with multiple inputs. I was doing it for audio processing, but it works almost identically for images: http://blogs.adobe.com/kevin.goldsmith/2009/08/pixel_bender_au.html
Hopefully one of these should help, but if you have specific questions, don't hesitate to ask...

Can I make a non-flash slide show using Fireworks, with JPEGs not GIFs?

Can I make a non-flash slide show using Fireworks, with JPEGs not GIFs?

Look to using jQuery instead of Flash. There are a variety of redy-made solutions available, just search Google or visit the Dreamweaver forum and ask there.

Fireworks Rollover Works in Preview but Not In Dreamweaver

Hey,
I have created a rollover image in fireworks, which works in the preview option on fireworks.
I have exported it as : html & images, exporting slices.
This works when I open it straight from the file BUT when I try pasting it into dreamweaver (insert -> image: fireworks html) the box where the rollover image appears but with a cross in it.
I have also tried copying the html from fireworks into dreamweaver but this doesn't work.
When I try this the image appears and the link works BUT the rollover doesn't?
This is the code I use:
<a href="www.whereartyou.co.uk/reviews/evahesse" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Page1','','<img src="images/Page 1_f2.gif" width="400" height="310" />',1)"><img name="Page1" src="file:///C|/where art you/images/Page%201.gif" width="400" height="310" border="0" id="Page1" alt="" /></a>
Thanks in advance for any help or suggestions.
Cheers

This doesn't appear to be a Flash related posting, so you might get better results in the Dreamweaver forum...
http://forums.adobe.com/community/dreamweaver/dreamweaver_general

CP7 Rollover images Show up every OTHER slide

I am using CP7 and I have a number of graphics on slide 1 that I have defined to have a 'rest of project' timing. I have made multiple groups of graphics on slide 1 and I have made them to NOT be 'visible in output' this way, when I need them, I can use advanced actions to hide/show them (by group name) when I need them for subsequent slides. I am using slide 1 for this instead of the master slide because I need to define the stacking of graphics fairly specifically (slide 3 and further have some graphics that need to be in front of some things and behind some other things).
The set up is that I have a smart shape with a graphic and I am using it as a button on slide 1 (NOT visible in output and lasts for rest of project). Overlayed over top of my smart shape/button is a rollover image. The two objects work just like a rollover button you would see on the web. There is an advanced action that opens the group that the button is a part of and a few other graphic groups that I need to make it look good. When you click the button, there is another advanced action that is supposed to hide the group that both of those graphics are in, plus the other graphics that make it look good, and then go to the next slide. There is an advanced action on the next slide OnEnter that shows the what is needed for the beginning of the next slide.
So, here's the problem. When I click my button, everything disappears and goes to the next slide EXCEPT the rollover graphic, which stays on the screen and on top of all other graphics in slide 2. The SAME EXACT advanced action is used on slide 2 to go to slide 3 (with the same exact button because they are all really on slide 1 the whole time and just being made visible or invisible). When I click, I go to slide 3 and the rollover graphic is gone. I click the button again (to go to slide 4) and I go to slide 4 but the rollover graphic is BACK AGAIN!
I know that this is a complicated write-up, and I am going to go start from scratch to see if I can replicate the problem with a stripped down version of the advanced actions in a new file, but I am hoping someone can point me in the right direction about what is going on. I have deleted and re-inserted the rollover image, but it still does the same thing. I have re-coded the advanced action and it still does it. I have copied rollover images that DONT have this weird glitch and it still does it.
Anyone have any ideas?

I found a 'workaround' to this problem, but I would still like to know what is going on underneath to make this happen. Since I have all the rollover graphics on the first slide with timing or 'rest of project' I just made an animated button in Flash and imported it as a .swf to replace the rollover image. I changed the smart shape underneath from having the image of the button to being transparent (still have it being used as a button with all the same advanced actions as before). Now the swf handles the rollover and the transparent smart button underneath handles the OnClick action and everything works great.
Not sure what was going on with the rollover images, but at least I was able to get the result I needed.

Fireworks Rollover Issues & Browser Compatability!!

I am working on a beta site, and it has been looking great.... until last night. Now the fireworks html portion I inserted (the rollover image box) is a few pixels askew, and what's worse,while it looks good in Firefox, IE and Chrome, the entire site looks like garbage in Safari. I'm not a HTML/CSS genious by any stretch and have spent a ton of time trying to get it to this point. PLEASE HELP!!
Page: www.flagfootballninja.com/superyouth/total.html
(An excerpt of the rollover code on a new page all by itself works great, but embedded on the Total.html page, it gets all crazy)
Max

Well, your disjointed rollover looks borked in Firefox as well. In your stylesheet you have this:
td {
color:#4F6B72;
padding:6px 6px 6px 12px;
text-indent:20px;
I removed the text-indent, and the alignment issue went away. I'm not sure if that'll fix your Safari issue, but it corrected the Firefox bug.
The bigger issue is how you're approaching that "What's included" box. There's no reason to use tables, or images for the text there. I'd recommend you setup a JavaScript slider or something to that effect.

Using fireworks rollover images in flash

Similar Messages

Maybe you are looking for