Hi i m having problem with listing gallery thumbnail display. Please refer the attachment.
I have installed the theme and all standard plugins, not installed other third party plugins.

@Nantha
Not sure what is problem, what is URL to test...

Here is the link : http://www.varthagam.my/index.php?page=item&id=2

@Nantha
Ok, and now, what is problem?

Please check the thumbnails of the image, it is not like in demo. The third image is in second row and no next / previous button.

@Nantha
Ok, I was not able to reproduce issue in chrome.
Try following.

Go to file:
oc-content/themes/patricia/js/listingScroll.js
Find line:
$('#pictures .img-bar .wrap').css('width', (b_width/items)*total + 'px');
change it to:
$('#pictures .img-bar .wrap').css('width', Math.ceil((b_width/items)*total) + 'px');

Hi,

Yes no issue in chrome, but the error was when use mozila firefox.

I have tried but doesn't help.
This error happen when use 2, 3 and 4 images. no issue if we use single or more than 4 images.

@Nantha
Ok, at bottom try to change following rows:
  $('#pictures .img-bar .small-img').css('width', ((100 - 1.6*items)/items)*b_width/100 + 'px');
  $('#pictures .img-bar .small-img').css('margin-left', 0.8*b_width/100 + 'px');
  $('#pictures .img-bar .small-img').css('margin-right', 0.8*b_width/100 + 'px');
to:
  $('#pictures .img-bar .small-img').css('width', Math.floor(((100 - 1.6*items)/items)*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-left', Math.floor(0.8*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-right', Math.floor(0.8*b_width/100) + 'px');


Perfect. It fixed the error. TQ

Following are the final code i replace.

  $('#pictures .img-bar .small-img').css('width', Math.floor(((100 - 1.6*items)/items)*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-left', Math.floor(0.8*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-right', Math.floor(0.8*b_width/100) + 'px');
  $('#pictures .img-bar .wrap').css('width', ((b_width/items)*total) + 'px');