Welcome to WebmasterWorld Guest from 50.19.135.67

Forum Moderators: open

Message Too Old, No Replies

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

     

Garindan

5:58 pm on Jan 17, 2009 (gmt 0)

10+ Year Member



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

6:44 pm on Jan 19, 2009 (gmt 0)

10+ Year Member



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

Lynque

8:37 pm on Jan 27, 2009 (gmt 0)

10+ Year Member



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

3:28 pm on Jan 28, 2009 (gmt 0)

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



One way to do it [webmasterworld.com]

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

 

Featured Threads

Hot Threads This Week

Hot Threads This Month