How do I have the image change after an answer is typed in?

Submitted by quizlover77 on March 22, 2026

I basically made a quiz where you guess cartoon characters off of their silhouette and I thought it would be fun if the image changed form the silhouette image I made to the original image thus revealing the character after the quiz taker types the correct answer. I've done tons of quizzes where the images change as you take the quiz but I don't see any way to do this, so if anyone knows it would be much appreciated!

Thanks!

10 Comments

Level 83

Mar 22, 2026

It depends how you made the silhouettes. Is it just a picture quiz and you want to replace a silhouette that’s an image element with an entirely different image element?

Level 24

Mar 23, 2026

I just made a drop shadow in photoshop, turned it into a separate layer and toggled off the visibility for the og image. So I have a set of images that are the silhouettes and a set of separate images that are perfectly matching ogs, so yes exactly what you said.

Level 52

Mar 22, 2026

It could be easier to make the image get 100% transparency and have one below it

Level 24

Mar 23, 2026

How would I do that?

Level 24

Mar 23, 2026

to clarify theres no issue creating the silhouettes, I just was wondering if there's an option to have the image change to another image entirely after users type in the answer.

Level 61

Mar 23, 2026

It should be accomplished through Inkscapes or just coding it.

Level 55

Mar 23, 2026

I would suggest to include that in a text quiz. Then I guess it would be easy.

Level 61

Mar 23, 2026

You could copy one of those quizzes (must be featured) and change the images. I don't know if this will work but it is all I got besides coding or Inkscape

Level 61

Mar 23, 2026

.pre-quiz svg #layer1 {

display: none;

}

.svg-holder #layer1 {

display: inline;

}

.pre-quiz svg #layer4 {

display: none;

}

.svg-holder #layer4 {