Changing image with javascript

Question

I'm using jquery mobile to make an app. I'm playing a sound file when the page loads and displaying an image to turn the sound file off when clicked. everything is working fine however I can only get the image to change on the index page. I can turn off the sound file on any page however the image wont change on any other page. please help =) <3

<script type="text/javascript">
var newsrc = "soundOff.png";

function changeImage() {
    var sample = document.getElementById("foobar");
    sample.pause();

    if ( newsrc == "soundOff.png" ) {
        document.images["sound"].src = "/img/soundOff.png";
        document.images["sound"].alt = "Sound Off";
        newsrc  = "soundOn.png";
    }
    else {
        var sample = document.getElementById("foobar");
        sample.play();
        document.images["sound"].src = "/img/soundOn.png";
        document.images["sound"].alt = "Sound On";
        newsrc  = "soundOff.png";
    }
}
var sample = document.getElementById("foobar");
sample.play();

Could you post the file structure that you have, because that might be the issue if the paths are not correct. — triangulito
– triangulito, Commented Sep 17, 2013 at 18:38

HIRA THAKUR · Accepted Answer · 2013-09-17 18:40:08Z

1

document.images["sound"].src = "/img/soundOff.png";

Should be this:

document.getElementById('your_id').src = "/img/soundOff.png";

Your path seems a little wierd to me.Check it properly

answered Sep 17, 2013 at 18:40

HIRA THAKUR

17.8k14 gold badges60 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Carl Youngman Over a year ago

Everything works fine apart from the image will only change on the index page. It would change on anyother page :/

Carl Youngman Over a year ago

Yes you are right, it is the path however I am unsure what to change it too. Shouldn't the / take it to the root folder? Working on wamp.

HIRA THAKUR Over a year ago

myproject->images->profilepic.jpg...assume i have a folder like this.This is how i give the path considering your file is outside images. images/propic.jpg

Collectives™ on Stack Overflow

Changing image with javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related