Web Hosting Forum | Lunarpages
News: July 14, 2008 - New Contest! - Submit Your WordPress Theme Designs, Win BIG!
August 25, 2008 - Time to Vote for the August 2008 Site of the Month!
 
*
Welcome, Guest. Please login or register.
Did you miss your activation email?
August 28, 2008, 06:37:17 PM


Login with username, password and session length


Pages: [1]   Go Down
  Print  
Author Topic: Mouse over audio?  (Read 350 times)
Diogenes Daughter
Trekkie
**
Offline Offline

Posts: 13



WWW
« on: July 25, 2008, 02:39:16 PM »

Hello!

I'm designing my first web site (for my gaming group) and I'm almost finished except for one kind of silly little detail.  I would like to have a "knock" sound (like knocking on a door) when someone does a mouse over on a photo of a door on my web site.  I would like to do it without any "audio controls" showing. The plan is to have a visitor mouse over the door to knock and then click on the door to enter the site.

I'm using Dreamweaver CS3.  I would imagine that it's something pretty easy for may of you out there in web page design land, but like I said, this is my first web site!

Thanks!
Lianna  Very Happy
Logged
Mitch
Lunarpages Traffic Cop
Senior Moderator
Berserker Poster
*****
Offline Offline

Posts: 7373



WWW
« Reply #1 on: July 28, 2008, 06:21:14 AM »

Found this:

http://www.albinoblacksheep.com/tutorial/mouseoversound

Although the demo link didn't work for me.  Doh 
Logged

Diogenes Daughter
Trekkie
**
Offline Offline

Posts: 13



WWW
« Reply #2 on: July 28, 2008, 10:56:14 PM »

Hi Mitch,

Thanks for the information.  I’ll give it a try.  I actually found a web sit or two that show how to create a sound on mouse over in Dreamweaver, but so far I haven't been able to get it to work.  Basically they say to:

"Learn how to use Dreamweaver Behaviors to Play Sound in 2 quick steps

1.   The first step is to create a link for the sound to be played on Rollover or on Click. You can make a simple text link with the '#' symbol.
2.   The next step is to add a behavior to the link. Open the Behaviors panel by clicking on Windows/Behaviors and click on the '+' symbol in the Behaviors Panel. Click on 'Play Sound'. Browse to find the sound you want to play and click on OK."

So I went to the Net and found a sound that I liked (klopfen.wav), downloaded it, copied it into my web site folder and tested it by double clicking on it.  The Windows Media player open and played the sound.  So far so good! :O)

I then opened the web page (in DW) that I wanted the sound to play on, and highlighted/clicked the graphic (I also tried the following on it’s AP division) that I wanted to MouseOver and make the sound.  I don’t know if it makes any difference, but the graphic already has an image map/hotspot that is used as a click on link to the next page on the web site.  I then went to “Link” (in the “Properties” menu) and entered klopfen.wav.  I also tried #klopfen.wav.

When this was done, I open the “Behaviors” panel via “Windows/Behaviors” and then clicked on the “+”.  From that menu, I clicked on “~Deprecated” and then “Play Sound” (it was the only place that I could find “Play Sound”).

A box then appeared asking for the file name.  I browsed the site folder and clicked on “Klopfen.wav”, clicked on OK and closed the box.  I then went back to the “Behaviors” panel and clicked “onMouseOver” in the drop down menu (it already had “Play Sound” showing).

I then saved everything,  previewed the page in Firefox and…you guessed it…nothing happened! :O(

The odd thing is that if I click on the graphic in Firefox, a box opens that says "Opening Klopfen.wav" and asked if I want to open it or save it.  When I click on "open it" the sound works!

Here is the code that appeared on the page:

<div id="frntdoor" onmouseover="MM_controlSound('play','document.CS1217215683578','klopfen.wav')"><a href="klopfen.wav">

<embed name="CS1217215683578" src="klopfen.wav" loop="false" autostart="false" hidden="true" width="0" height="0" enablejavascript="true"></embed>

What am I doing wrong!? :Op

Thanks,

Lianna :O)
Logged
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.3 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks


Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM