homepage Welcome to WebmasterWorld Guest from 54.166.84.82
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
Forum Library, Charter, Moderator: open

Flash and Shockwave Forum

    
Cross-faded images with rollover border and link, any tips?
Garindan

5+ Year Member



 
Msg#: 3828495 posted 5:58 pm on Jan 17, 2009 (gmt 0)

Hi all, could anybody help me with this. Sorry i'm quite new to flash. I'm hoping to create a rectangle button which shows photographs and cross fades between them, then on mouseover i want to display a yellow border around the images, and is clickable to go to a link.

I would also like the button to have a small black border around the images and a drop shadow.

I have a simple website, with rollovers i've already created which i can show as an example. I would like it to be the same as the rollovers on <snip>
The only difference is i want to display a sequence of cross-faded images (with the black border and drop shadow) as the button, then have the yellow border rollover and link.

Any help anybody can give me will be very much appreciated. Many thanks!

[edited by: eelixduppy at 7:27 pm (utc) on Jan. 17, 2009]
[edit reason] no URLs, please [/edit]

 

Garindan

5+ Year Member



 
Msg#: 3828495 posted 6:44 pm on Jan 19, 2009 (gmt 0)

Anybody have any ideas? Please, i would be very grateful for any help!

Lynque

5+ Year Member



 
Msg#: 3828495 posted 8:37 pm on Jan 27, 2009 (gmt 0)

Unless you are looking at having only five or so images in your .fla and not having to update it very often then I would suggest you look into xml driven slide shows in flash(google it).
As you are new to flash it may be a little much to bite off but in the long run will be your best bet.
Here's why:
1. You will not have to edit the .fla to add new images / URL's
2. Will give you an insight as to how actionscript works
3. Will demostrate the power of xml when coupled with flash
4. It'll just plain feel good when you have it up and running :)

sample xml:
<callboxes>
<callbox>
<image>image1.png</image>
<url>http://www.site1.com</url>
</callbox>
<callbox>
<image>image2.png</image>
<url>http://www.site2.com</url>
</callbox>
<callbox>
<image>image3.png</image>
<url>http://www.site3.com</url>
</callbox>
</callboxes>

To add a new image to my slideshow I simply add a new callbox node with the image and url nodes inside and the actionscript will simply loop through each additional node, you could add 1000 more callbox nodes (not recommended without some sort of paging but that's another issue) and it would still work :)

As I'm guessing you may not be all that familiar with actionscript I will say that this is not a simple approach but is by far the most scalable.

I hope that helps

rocknbil

WebmasterWorld Senior Member rocknbil us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3828495 posted 3:28 pm on Jan 28, 2009 (gmt 0)

One way to do it [webmasterworld.com]

That sample doesn't "cross-fade" but you could alter the timing to make it do so.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved