I've searched through the public tickets about my issue, but it seems to be different than the others I found.
When you click on a portfolio gallery (I am using the slider option), everything slides correctly, but the display is off. What happens is it flashes the thumbnail image (Image 1) for one half a second, then displays Image 10, then displays Image 2, and then continues like normal. If you close the slider and open the same thumbnail again, it works just fine (displaying Image 1, Image 2, Image 3, etc.). I would like the second experience to be what my clients see the first time they click. The way the images display right now gives the impression that something is wrong with the site.
I have optimized my images, so I don't think it's a loading problem (i.e. the file is too big to load quickly). Any help would be greatly appreciated. Thanks.
I've searched through the public tickets about my issue, but it seems to be different than the others I found.
When you click on a portfolio gallery (I am using the slider option), everything slides correctly, but the display is off. What happens is it flashes the thumbnail image (Image 1) for one half a second, then displays Image 10, then displays Image 2, and then continues like normal. If you close the slider and open the same thumbnail again, it works just fine (displaying Image 1, Image 2, Image 3, etc.). I would like the second experience to be what my clients see the first time they click. The way the images display right now gives the impression that something is wrong with the site.
I have optimized my images, so I don't think it's a loading problem (i.e. the file is too big to load quickly). Any help would be greatly appreciated. Thanks.
Hi,
actually you did a good job optimizing the images. it\'s a good site.
Back to the bxslider
http://stackoverflow.com/questions/18373143/bxslider-displayes-last-slide-as-first-slide
https://github.com/stevenwanderski/bxslider-3/issues/131
happens you have over 7 slides
the slider is initialized in /js/scripts.js lines 144 to 150
jQuery(\'.project-slider\').bxSlider({
controls: true,
pager: false,
auto:true,
pause: 3000,
preloadImages:\'all\',
});
and move it over to window.load handler at the top.
let me know
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thanks for the compliment! But, I feel really dumb because I can\'t find anything you\'re talking about. Where do I find /js/scripts.js?
Once I find that, I copy and past that code into window.load? (I looked for that, too, and couldn\'t find it.) Thanks.
the path is relative to root theme folder. thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy