Live site- http://newedgeindustries.ca
Я использую pgwSlider для слайдера для главной страницы, все в порядке, за исключением того, что изображение в режиме слайдера обновляется каждый раз в Chrome при смене одного изображения на другое.
Любая идея, как исправить эту проблему.
То же самое прекрасно работает here- http://arif-khan.net/project/web_aceive/index.html
Код:
<ul class="pgwSlider">
<li><img src="images/_big-image1.jpg" alt="" data-description="" ></li>
<li><img src="images/_big-image2.jpg" alt="" data-description="" ></li>
<li><img src="images/_big-image3.jpg" alt="" data-description="" ></li>
<li><img src="images/_big-image4.jpg" alt="" data-description="" ></li>
<li><img src="images/_big-image5.jpg" alt="" data-description="" ></li>
</ul>
<script>
$(document).ready(function() {
$('.pgwSlider').pgwSlider();
});
</script>
Поскольку мы не можем реплицировать проблему, и изображения требуют времени для загрузки, лучшим вариантом является сжатие изображений.
Изображения, которые вы использовали, имеют формат JPG и размер от 130 Kb до 200 Kb и более.
Вы можете сжать их здесь в компрессоре JPG. Это сжимает изображение до 80%, а качество также сохраняется.
То же самое сработало для меня однажды.