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


ADVERTISEMENT

3-way Image Flip

Nov 2, 2000

I have a navigation bar made up images that were sliced for each section. There's also a separate area of the page that has "description" images, that describe the section the person has rolled over. I want it so that when someone rolls over any image, that image changes to a different color, and there's also a new image in the "description" area that has an explanation of that section.

I've seen this done a lot, but I've never been good about plugging JS into my pages, though HTML doesn't seem to bother me.

Anyway, if someone can pass along a cross-browser script that is aetiap (as easy to install as possible!), I would really appreciate it. And maybe some instructions on plugging it in.

View 5 Replies View Related

Image Flip Not Working?

Oct 10, 2010

I dont understand why the image does not flip whern the mouse goes over the textual link?

View 1 Replies View Related

How To Flip Horizontally An Image With JavaScript

Aug 6, 2007

I'd like to flip horizontally an image with JavaScript. Is it possible?

View 6 Replies View Related

Flip An Image Which Is Upside Down In Script?

Feb 21, 2007

I have a.bmp image which is upside down and i need to flip it vertically?

Changing in paint or photoshop is not an option as images are being generated by another program, but come out upside down.

View 3 Replies View Related

Flip An Image Horizontally On The Client Side?

Mar 19, 2011

I'm trying to flip an image horizontally on the client side. Is it possible to rotate or change the orientation of an image by using JavaScript or CSS2?

View 3 Replies View Related

Strange Border Appears In Js Image Flip

Jul 3, 2003

I'm creating a tabbed menu navigation for a site. I'm using javascript to to give the tabs a mouseover effect. I also have a function that decides whether the tab has been selected or deselected by the user, and uses that info to determine which image file to use in the img swap.

The page works fine in IE 6, however in Netscape 6.2, when I mouseover the tabs, a thin border quickly flashes around each image as it swaps. It looks like the placeholder that's displayed for a broken image in IE, only with only the border and no red "x". I'm not sure why this is happening, as all the images have been preloaded.

The markup is XHTML 1.0 Transitional. Here's the js I'm using:

View 1 Replies View Related

JQuery :: Make Image Vertical Or Horizontal Flip?

Jun 10, 2009

Can I make image vertical or horizontal flip by jQuery?

View 10 Replies View Related

Imagemap Image Flip Works In Chrome Only On CSS/HTML Valid Page?

Jan 5, 2010

this page (http://users.rcn.com/**************/test72.html) will display new images when you mouseover the red and orange arrows on the menu on the right side in chrome, but not ff, ie, opera, and safari. Any ideas as to why these other browsers aren't running the code like chrome? guessing this is javascript related

View 3 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 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

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

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 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 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

Playing A Sound File When A Visitor To Website Moves Their Mouse / Pointer Over A Single Image

Mar 8, 2010

Is it possible to play a sound file when a visitor to my website moves their mouse/pointer over a single image no matter what browser they are using?

View 4 Replies View Related

Converting C++ Code - Display And Flip The Card?

Mar 4, 2010

I have written a card trick in C++. The purpose of the card trick is the player picks 4 cards and then based on the 4 cards they pick 4 more cards. The player can then switch the card and the computer does some math to determine how to which card was switched. Right now all i can figure out is how to display and flip the card.This is the program I have written in C++

#include <iostream>
#include <string>
using namespace std;[code]....

cout<<"Welcome to our card trick. I believe that given some cards I would be able to tell you which card you switched. Dont believe me! Well lets play. First I will let you pick four cards, then I will pick four cards. Next I will pick four cards. Then you will have the opportunity to pick a card to switch. Then I will tell you which card you switched. Promise I wont peek! Lets begin."<<endl;

for(i=0; i<4; i++){
cout<<"Enter card number"<<endl;
cin>>num[i];[code]......

View 1 Replies View Related

JQuery :: Does Flip Reading Panel Work Like Twitter

May 30, 2011

I need to flip and show div panel left, once some item div get clicked and hide when item div get clicked again, (exactly like new twitter reading panel) i have tried several methods but i couldn't animate it smooth. recently i have identified it's not happen smoothly because of the bad what i have done.i increased width of outter div

[Code]...

View 2 Replies View Related

Best Libraries To Use To Create A Very Realistic Flip Book Effect?

May 17, 2010

I want to make a flip book effect using only HTML,CSS and Javascript for smartphones like: Iphone and Android

Anybody have an ideea about wich are the best libraries to use to create a very realistic flip book effect ?

View 3 Replies View Related

Using JFlip Plugin - Intergrate A Book That Pages Flip Into A Project

Oct 1, 2009

I'm trying to intergrate a book that pages flip into a project I'm working on. For this I am using JFlip a plugin for jQuery.

As seen here: [url]

However two problem's I'm running into are

1. The Transparency goes really strange when I flip the page.

2. I have no idea how to set a setting to let me know what page the user is looking at.

Main Page:

JFlip:

View 5 Replies View Related

Jquery :: Css3 Animation / Couple - When Hits Top Right Corner Flip 180 Degrees And Drive Back In The Other Direction?

Oct 4, 2010

How can I animate this car: driving from left to right of the screen? I imagine it starting on the outside of the wrapper border so top left 0 and ends top right 960px... When it hits top right corner can it then flip 180 degrees and drive back in the other direction? Also how can I do it in jquery for the browsers that don't support the CSS3? I was also wondering if you click on the car could some flames shoot out the exhaust which makes it drive faster??

View 9 Replies View Related

Preload A Sound

Jul 23, 2005

I'm using HTML 4 Strict and looking for a way to preload a sound.....

View 1 Replies View Related

Mouse Over Sound

Oct 28, 2000

Does anyone now where I can find a javascript that plays a .wav file when someone moves there mouse over an image? I was looking around for a while and the closest one I could find didn't work in Internet Explorer.

View 4 Replies View Related

Sound Width Javascript

Aug 24, 2007

I need to create sound with Javascript. Until now all the code I have
been trying doesn't work width Firefox. can some one please show me
how to do it, or give me a link to a good article?

View 2 Replies View Related

Playing Sound With Mouse Over?

Jul 23, 2009

Is there any universal way (for all browsers) of using JavaScript to play some sound when you mouse over some link? If yes can somebody link me to this code or at least write me how one would do this?

View 5 Replies View Related

Playing Sound On Mouseclick?

Dec 22, 2010

How can I play a sound when I click an image, without the information bar popping up at top? I've looked all over, and I've tried a few javascript-only methods but none have worked for me.. Is flash the only way to go?

View 1 Replies View Related







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