Hello,
I found the below code that works great. But, I 'm looking to add a second MouseIn effect on the same buttons that will change a text element at the same time as the image change. Basically the text element will show the color name (red, white, blue) of each image that is displayed by each button. Would it be separate block of code or can it be incorporated into the below code?
$w.onReady(() => {
$w("#button1, #button2, #button3").onMouseIn(event => {
let src;
switch(event.target.id){
case "button1":
src = "https://static.wixstatic.com/media/image1.png";//use the image source
break;
case "button2":
src = "https://static.wixstatic.com/media/image2.png";//use the image source
break;
case "button3":
src = "https://static.wixstatic.com/media/image3.png";//use the image source
break;
}
$w("#image1").src = src;
})
})
Worked like a charm. Thanks so much!
Of course you can add let text; right after the src deceleration, and add text ="something"; to each case before the break , and finally in the end $("#text1").text = text;