Change images by buttons.

Ask the community
,
8

Something like this:

$w.onReady(() => {
    $w("#button1, #button2, #button3").onClick(event => {
        $w("#image1").hide("fade");
        let src;
        switch(event.target.id) {
        case "button1":
            src = "xxxxxxx.jpg";//use the image source
            break;
        case "button2":
            src = "yyyyyyyy.jpg";//use the image source
            break;
        case "button3":
            src = "zzzzz.jpg";//use the image source
            break;
        }
        $w("#image1").src = src;
        $w("#image1").show("fade");
    })
})