How Do These Buttons Work !!!!???

This is a discussion on "How Do These Buttons Work !!!!???" within the Starting Out section. This forum, and the thread "How Do These Buttons Work !!!!??? are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 7th, 2008, 16:34
New Member
Join Date: Jun 2008
Location: Maimi, Florida
Age: 23
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Exclamation How Do These Buttons Work !!!!???

Go TO: http://www.discovermoneymerge.com/demo
and on the left you will see a video in flash and on the right of the video you will see three buttons. What i want to know is how the web developers to that site make it so that when click on the three buttons to the right, the flash video changes and the rest of the page doesn't reload with it. Only the flash video changes and nothing else. I also know that the buttons are just images and that some how they are assigned some code that when you rollover them it makes to button interactive and it switches to a different image that makes it appear highlighted.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jun 11th, 2008, 10:11
Junior Member
Join Date: Jan 2008
Location: The other side of your monitor
Age: 19
Posts: 29
Blog Entries: 18
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How Do These Buttons Work !!!!???

That was done in flash. They was written in Action Script. As for the buttons changing colours and highlighting, they are called Rollover Images.
Last Blog Entry: Disaster! (Aug 23rd, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jun 16th, 2008, 12:14
Up'n'Coming Member
Join Date: Jun 2008
Location: Australia
Posts: 80
Thanks: 0
Thanked 4 Times in 4 Posts
Re: How Do These Buttons Work !!!!???

The rollover images can be achieved a few different ways, the easiest being with CSS.

Firstly you add css to give it its default appearance:
Code: Select all
div#menu img{
    background-image: url(myfolder/images/backgroundimg.jpg);
}
then you add the CSS Hover property for that image:
Code: Select all
div#menu img:hover{
    background-image: url(myfolder/images/backgroundimg2.jpg);
}
What this does is whenever the mouse rolls over it, the background image from the hover will replace the old image. Ofcourse there are downfalls, mainly that :hover is not entirely supported, but your other reasonable alternative is JavaScript, which is still widely supported but not as widely as CSS (and can be turned off by users).

Hope this helps.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
buttons, flash, load, separate, work

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Javascript menu - does not work on title page, but does work on other pages Crystal Phoenix Starting Out 4 Mar 24th, 2008 19:40
help with buttons within buttons jpixel Flash & Multimedia Forum 1 Sep 20th, 2007 14:53
simple js doesn't work with IE7 (work with FF1.5) gpazi JavaScript Forum 1 Jun 10th, 2007 11:00
help with fwd/backwrd buttons affecting other buttons typeofdoug Flash & Multimedia Forum 5 Feb 4th, 2007 03:48
Making buttons in seperate.swf's work in main movie orlanime Flash & Multimedia Forum 3 Mar 25th, 2005 00:37


All times are GMT. The time now is 16:12.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42