Need help: image display via click

Ask the community
1

HELLO EVERYONE!

I AM RELATIVELY NEW TO EDITOR X. I WANT TO CREATE AN “IMAGE PICKER,” SIMILAR TO WHEN YOU ARE SHOPPING AND WANT TO SEE A DIFFERENT VIEW OF THE PRODUCT AND CLICK ON THE SIDE IMAGES THAT ARE AVAILABLE TO CHOOSE TO VIEW. HOWEVER, THE IMAGES/MEDIA THAT I WANT TO SHOW IS NOT PART OF A SHOP. THEY ARE SIMPLY DESIGNS OF MINE THAT I WANT TO SHOW.

2622×1128 260 KB

I’VE TRIED PLAYING AROUND WITH THE “TRIGGERS” AND “EFFECTS” BUT I DON’T THINK I AM CREATING THEM CORRECTLY. WHEN I SET THEM UP, I CAN CLICK ON THE SECOND IMAGE IN THE REPEATER AND IT WILL DISPLAY THAT IMAGE IN THE MAIN MEDIA SECION ON THE LEFT. HOWEVER, WHEN I TRY TO CLICK BACK TO THE FIRST OR PREVIOUSLY DISPLAYED IMAGE/MEDIA IN THE REPEATER, IT WON’T CHANGE (BACK) TO THAT IMAGE.

IF ANYONE KNOWS HOW TO CREATE AN IMAGE PICKER (FOR A LACK OF A BETTER TERM) OR HAS ANY SOLUTIONS TO SHARE PLEASE LET ME KNOW.

I APPRECIATE YOUR HELP.

STAY CREATIVE!

2

I MAY HAVE A SOLUTION. WILL SHARE IN THIS THREAD IF I SUCCESSFULLY MAKE THIS “IMAGE PICKER DO-HICKY” WORK. :thinking:

3

I’m thinking about the dynamic pages with dataset, so you will have All Items page, where you can see all images, and by clicking on specific image (item), you will be on the page with additional content on this image

so here is the video with explanation: https://www.youtube.com/watch?v=MldHAkcXHiU

4

Thank you so much! I’ll check the video out.

5

I was able to find the exact solution to my problem. It took writing some code in dev mode to make it happen. This is the code function that I used:

export function button9_click ( event ) {
$w ( ‘#videoPlayer1’ ). show ()
. then (() => {
$w ( ‘#imageX15’ ). hide ()
})
}