Change Color of Image together with Slider Bar | XM Community
Skip to main content
Solved

Change Color of Image together with Slider Bar

  • August 1, 2024
  • 3 replies
  • 58 views

Forum|alt.badge.img+1

I’m trying to change the image's color (bottled water package) to a gray-scale gradient from white to black in conjunction with the motion of the slide. Specifically, I would like to change the color of the label to darker as a respondent moves the slider to the right and the color to black when a respondent locates the slider at the end of the scale.

 

 

 

Best answer by ArunDubey

You should create multiple images with different color and can replace the image based on scale rating option using JS.

3 replies

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • Answer
  • August 1, 2024

You should create multiple images with different color and can replace the image based on scale rating option using JS.


Forum|alt.badge.img+1
  • Author
  • 1 reply
  • August 1, 2024

Great. Many thanks for your suggestion.


ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • August 2, 2024

No problem, @sunagatsu ! good luck!!