Swap Image And Play Sound On Mouseover?

Sep 30, 2011

need a script that swap image and play sound on mouseover i already did the swaping image effect but i still need the sound to be played on mouseover .... the link is

View 1 Replies


ADVERTISEMENT

Play Sound File Like .wav File And / Or DHTML When Some One Mouseover To A Link?

Sep 23, 2008

How to play sound file like .wav file with javascript and/or DHTML when some one mouseover to a link. I have done this... but it only works in IE while it does not work in other browsers like firefox and chrome.

View 4 Replies View Related

Toggle And Sound For Image Swap?

Jun 7, 2010

I have an on/off image piece of code: (probably out of date!)

<!--
var NN3 = false;
image1= new Image();

[code]....

View 2 Replies View Related

Play A .wav Sound File When Someone Hovers Their Mouse/pointer Over An Image?

Feb 13, 2010

I would like to play a .wav sound file when someone hovers their mouse/pointer over an image. I am running a Linux OS.

View 2 Replies View Related

Text Swap - Change Each Image To Different Image On Mouseover

Jun 15, 2010

I'm failing to get a pure CSS way to achieve this, so trying JS. Several small images in a row, each different. Want mouseover to:

1. change each image to different image on mouseover (each image has its own mouseover image version).

2. produce different paragraph of text below row of images on each mouseover.

I can achieve it with mouseover on text links or on an image, but not with the two events, viz mouseover image swap + mouseover text swap. Would also want to be able to style the text.

View 4 Replies View Related

Play Sound After X Seconds?

Jun 25, 2006

I have built an admin area for employees of a business. Once logged-in, if they sit idle for 5 minutes their session will be killed ( the time may vary depending on the employee ). I do all this with php but don't really know much about javascript.

What I would like to do is start playing a small sound repeatedly when the employees session is about 30 seconds from expiring. ( this will give the employee time to click on a link to keep their session alive )

So when the page loads, I would like to pass a length of time in seconds to a javascript. So if the employee can sit idle for 5 minutes, that would be 300 seconds. Minus the 30 seconds that I would like the alarm to be playing for which gives us 270 seconds. ( I'll pass this number to the script with PHP, the script does not have to figure this out... just to be clear. )

So I'm looking for something like this:
- On page load, tell javascript to count down a specific number of seconds ( 270 )
- When the countdown reaches 0, start playing sound file repeatedly.

Sounds easy enough but I haven't been able to find anything like this yet. The only ones I've seen actually display the countdown which I don't want. I want this to count down invisibly. Oh and it should hopefully work in both IE and Firefox.

View 1 Replies View Related

JS Play Sound On Timer

Apr 17, 2011

I know this may sound stupid, but for the life of me I just can't seem to figure out how to code a sound being played every lets say 300 seconds.

View 1 Replies View Related

Play Sound If A Certain Term Exists?

Jun 18, 2010

I don't have a clue what i'm doing with this and don't expect someone to just give me the code if it is actually possible (although it would be nice). I've created a site and in the admin area the page will update and tell me if there is a new message from a user, I have this page automatically refreshing every 5 minutes and wondered if it's possible to play a sound file if the term "unread" appears anywhere on the page?

View 3 Replies View Related

How To Play Sound In A Controlled Manner?

Nov 15, 2010

Which is the best way to play sound using javascript in a controlled manner ? I need a solution which work across all browsers. This is for my bingo game page which is fully based on ajax. :)

View 1 Replies View Related

Play Sound File Randomly

Nov 16, 2010

Using JavaScript, I require a code that allows me to play .wav sound files randomly and automatically on page start-up, I also need them to loop as they are drum beats. The plan: to load my web page and hear a random drum beat that loops continuously. I need it to be compatible with most, if not all Internet browsers (Chrome, Internet Explorer, Firefox and Opera are crucial) and to state what sound file is playing on the page (allowing me to identify the looping drum beat/sound file), and if possible to provide a link to the actual sound file for download.

View 15 Replies View Related

Play A Short Sound And Then Redirect

Apr 7, 2011

I am coding a page that has 6 buttons on it, from which one is the correct button (the target). I want to try and implement the following:

1) when a wrong button is clicked, the file "wrong.mp3" is played. It is less than a second long.

2) when the correct button is click, the file "right.mp3" is played. It too is less than a second long. The page then redirects/reloads. This is the code that I can't seem to get to work:

[Code]...

View 4 Replies View Related

Play Sound When A Link Is Clicked?

May 25, 2010

I am using a picture as a button for my site and when you click the picture it brings you to the main page of the website. My problem is that I want the button to make a sound when it is clicked on. I figured that Javascript would be the best language to use since I know nothing about Flash.

<html>
<head>
<title>Testing buttons</title>
<script language="javascript" type="text/javascript">
function playSound(soundfile) {

[Code]....

View 9 Replies View Related

Cross Browser Play Sound Button

Sep 7, 2006

Does anyone know how (and if it's possible) to create buttons or text that will play a sound on mousedown/onclick/mouseover?

I've tried the examples on this page - http://www.phon.ucl.ac.uk/home/mark/audio/play.htm#, but the only ones that don't make my I.E. browser crash don't work in Firefox.

View 1 Replies View Related

Play A Sound In Firefox 8 And Internet Explorer 9

Dec 16, 2011

I wrote the following small HTML page, trying to play a sound in Firefox 8 and Internet Explorer 9. The button and the <a></a> link work fine, but calling from the <script></script> tag does nothing. Does anybody know, what can be wrong, and what I can do? I'm sorry, you have to supply the oef.wav file, since I can't upload it.

[Code]....

View 3 Replies View Related

Can I Play A Repetitive Sound And Test Response Time In JS?

Jul 23, 2005

I want to play a repetitive sound, and have a user click on a button each
time it plays (say 5-10 times) and measure how far off he is from the
sound each time.

The only way I know to play a sound in JS is bgsound, and I know how to
loop and pause, so as to do the 1st part. I haven't figured out how to
then test the delay in response. Since some of the responses may also be
*before* the sound plays by some milliseconds, that also compicates it.

My real question is, can this even be done in JS, or should I be in PHP,
ASP, or do you have another suggestion. I'm thinking it needs to run
client-side so there are no network delays, and the results would be
reasonably accurate on different machines. I could easily write it in VB
but I don't want them to have to download anything. I'd just like it to
run from the page.

View 5 Replies View Related

Play A Sound Clip When The User Hovers Over A Link?

Mar 23, 2010

Is it possible to play a small sound clip when the user hovers over a link? Usually the company I work for would use flash to do this but we have been asked to create it in HTML/JavaScript.

View 4 Replies View Related

Auto Sound Play And Stop Coding Depend On Function Output

Jul 26, 2011

I wrote a program which showing the difference of two auto generated values. its working perfectly but when i tried to set if() operator to make sound if the difference higher then 7 its not working.

I think something wrong in my code.

Orginal working code here...

But when i put if() operator under processdata() function the whole things hanged and no sound are palying.

I applied it like this way.

I dont know why its not working....i want to play and stop sound name sample.wav from my harddrive if difference range higher or lower than 7.....

View 1 Replies View Related

Do MouseOver Document Swap Using Info From Script?

Mar 5, 2011

I have a script that detects the image size of a url and then shows a resized version of the image if it's necessary to resize. (this script was provided to me by the user bullant.) (Script will be shown later further down) In order to display the resized image, I must specify the id tag of myImg(and a number) in the img tag and must have an equal number of urls in the script as I do img tags. So, if I have three images I need to do the following to get them to appear.

<div><img id="myImg0" src='' alt="" /></div>
<div><img id="myImg1" src='' alt="" /></div>
<div><img id="myImg2" src='' alt="" /></div>

And this is the script (it can go right below the above code and all in the body tag):

[Code]....

View 6 Replies View Related

Make The Source Of A Embedded Sound Switch To Different Sound Files?

Oct 10, 2011

I am trying to use the following code to make the source of a embedded sound switch to different sound files based on which link is clicked:

javascript:
scales=Array("sounds/scales/Mscale.wma", "sounds/scales/hminscale.wma", "sounds/scales/nminscale.wma", "sounds/scales/mminscale.wma", "sounds/scales/chrscale.wma");
function Mscale() {

[Code].....

View 8 Replies View Related

Image Flip With Sound

Jan 18, 2005

Below is the script. Just insert the name of your sound file where it says car3.wav.
At some point, the script turns from a sound loader into an image loader -- that begins at this line:

if (document.images)

<script LANGUAGE="JavaScript">
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "car3.wav";

// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = ''
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:''
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }

if (document.images)
{img1on = new Image();
img1on.src = "CI-on.gif";
img1off = new Image();
img1off.src = "CI-off.gif";}

function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");}
}
//
</script>

There are five links buttons in the demo but only the introduction of "img1" is shown in this sample script.

In the document body, an anchor uses an onMouseOver to call for both the image flip AND the sound play.
Then it uses an onMouseOut to both revert the image and stop the sound play.

<P><A HREF="http://www.jeffs-icons.net/RZ/CI-F.html" TARGET=_top onMouseOver="imgOn('img1'), playSound(0)" onMouseOut="stopSound(0), imgOff('img1')"><IMG SRC="CI-off.gif" NAME="img1" border=0 ALT="Club Info"></A>

View 2 Replies View Related

Image Slideshow With Sound?

Mar 28, 2011

I've got a script at present which allows me to cycle through images stored in an array as a slide show on a timed basis per each one.What I would like to do is have a 2nd array which has .wav files and when the first image is shown the first sound clip in the 2nd array plays and when finished the 2nd image shows followed by the playing of the 2nd sound clip in the array.If It is not possible to move images when the sound finishes I will set the length but would like to play the sound clips with the image.My code is shown below :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

[code]....

View 2 Replies View Related

Script With Image Mouseovers And Sound?

Apr 14, 2001

Could someone point me in the direction of a script that allows you to have an image change on MouseOver and plays a sound at the same time?

View 1 Replies View Related

Swap URL On Image Swap

Mar 28, 2011

I am a complete novice with Javascript, but am trying to work out how I can get a button to swap to another image when clicked, and each image have a different URL attached. I want to use this to toggle the bgcolor of my page using this script:

Code:
<script type="text/javascript">
<!--
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
[Code]...

View 1 Replies View Related

Nesting Onclick Image Swap Events And Image Mapping

Jul 24, 2009

I am trying to make a point and click javascript game. Basically what I want is to have one image displayed on screen at the start (room1.jpg). When you click on a door on that image, I have an onclick event to change the image to a new one that shows the door open (room1_a.jpg). What I want is that when you click the now open door, to display the next room in the game. The only solution I can think of is some sort of nested onclick event using several image maps, but I am fairly new to Javascript and I am not sure if that is possible. What it all comes down to is I want to display each incarnation of each room in the game in the same window without having to reload a new window for each room. I hope that makes sense, if not I can try and clarify. Below is the code I have so far. And as you can see all that does is display the open door when you click on the image. I have not done any of the image mapping yet.

[Code]...

View 2 Replies View Related

Image Swap - Thumbnail The Larger Image Will Go Into The Viewing Area

Jan 14, 2009

I am trying to put together a purse shopping site - I would like to have the various views of the same purse in thumbnails under one image then when the customer clicks on the thumbnail the larger image will go into the viewing area. The general layout is like this page - [URL] So when someone clicks on the smallest image I would like it to replace the other image on the page and the larger image becomes the thumbnail. How is this accomplished?

View 2 Replies View Related

Image Swap OnClick Opens Image In Parent Window

Jul 26, 2010

I'm trying to use javascript to load an image on a webpage when another image is clicked on, just like an image gallery and just like this except I don't need any text: [URL] I copied the example above but when I click on the smaller image to load the larger one it works for a fraction of a second (I can see the image load in the right spot), but then the browser goes to the URL of the image instead (showing it on a blank page).

[Code]....

View 13 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved