Hi. I have an input with a background image (done in css);
I want to change the background image with the click of a button.
How do it do it?
Racoon200 0 Junior Poster in Training
~s.o.s~ 2,560 Failure as a human Team Colleague Featured Poster
Post some code so we can easily help you out without rewriting the same thing over again.
Racoon200 0 Junior Poster in Training
this is the input...
<input blah blah blah class='someclasss' onclick='changeSrc(this)'>
.someclass
{
background-image:url(someimage.someformat);
}
function changeSrc(clicked)
{
clicked.style.backgroundImage = 'someotherimage.someformat' //this won't work in IE7!
}
Manipulate the code freely. thanks
MidiMagic 579 Nearly a Senior Poster
You need an id on the same object with someclass. That id becomes the target of the assignment statement:
function changeSrc(clicked)
{
changeme.backgroundImage = 'someotherimage.someformat')
}Put both the class and the id in the object with the background
<body class="someclass" id="changeme"> ~s.o.s~ 2,560 Failure as a human Team Colleague Featured Poster
function changeSrc(clicked)
{
clicked.style.backgroundImage = 'someotherimage.someformat' //this won't work in IE7!
}
Try this:
function changeSrc(clicked)
{
clicked.style.backgroundImage = "url(imageName)";
//the above stmt assumes that the image is present
//in the same path as that of the html file
} Racoon200 0 Junior Poster in Training
and on purpose, anybody here knows a free js editor with line numbers and autocomplete?
Racoon200 0 Junior Poster in Training
and thank ya very much s.o.s, your always helping the needed.
~s.o.s~ 2,560 Failure as a human Team Colleague Featured Poster
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.