I want to display four images. While displaying the image, the color of the corresponding small red ball is expected to change. I use forItem() to change the image color. But without success. Want to know where the error is?
What i want can watch this video here;
https://www.youtube.com/watch?v=uDdfJz7PTCg
Below is the code I wrote.
let count ;
let i;
let srcGrayBall = “https://static.wixstatic.com/media/69b3c8_23e67f973c064bf7be9435039bd93b54~mv2.png” ;
let srcRedBall;
;$w.onReady( function () {
//TODO: write your page related code here…
$w( “#myDataset” ).onReady( () => {
count = $w( “#myDataset” ).getTotalCount();
} );
});
function shiftImage () {
if (i<count) {
$w( “#myDataset” ).setCurrentItemIndex(i);
i=i+ 1 ;
}
else {
i= 0 ;
$w( “#myDataset” ).setCurrentItemIndex(i);
i=i+ 1 ;
}
console.log( “shift image” );
}
export function buttonNext_click(event) {
//Add your code for this event here:
shiftImage();
let Index = $w( “#myDataset” ).getCurrentItemIndex();
let Object= $w( “#myRepeater” ).data ;
Object[Index].redBall = srcGrayBall;
$w( “#myRepeater” ).data = Object;
Index = Index+ 1 ;
let itemN= Index.toString();
$w( “#myRepeater” ).forItems( [itemN], ($item, itemData, index) => {
$item( “#repeatedImage” ).src = itemData.redBall;
} );
}