Добавьте этот скрипт ниже в <head> тег
<head>
<script src="assets/js/crawler.js" type="text/javascript" ></script>
</head>
, а затем добавьте следующий код в <script> тег
marqueeInit({
uniqueid: 'mycrawler2',
style: {
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true,
random: true
});
После этого вы должны добавить IDв теге <div>
<div id="mycrawler2">
<img src="assets/images/products/img1.png" />
<img src="assets/images/products/img2.png" />
<img src="assets/images/products/img3.png" />
<img src="assets/images/products/img4.png" />
<img src="assets/images/products/img5.png" />
<img src="assets/images/products/img6.png" />
</div>
Он применяет эффект выделения к изображениям, и они будут перемещаться непрерывно.