Question

I have 3 jquery cycles on my website that I have randomised. The cycles can have any amount of images, as it is built dynamically. I would like to be able to keep track of how many times each image in each cycle is viewed.

Has anyone been able to do this? I have Googled for about an hour now and I’ve come up with nothing.

Any help would be greatly appreciated.

Thanks.

Answer 1

There’s no in-built way to do something like this. But you can use the before callback to achieve something like this. The idea is maintain an global array and update count inside before callback. Check the following code

var viewCount = [];
$('#s2').cycle({ 
        fx:     'scrollLeft', 
        timeout: 1000, 
        before: function(){
          var index = $('#s2 img').index(this); 
          viewCount[index] = (viewCount[index])? viewCount[index] + 1 : 1;
});

Demo: http://jsfiddle.net/joycse06/LPZxs/

Cycle Plugin Options reference