在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/C/ OwlCarousel2響應式輪播圖超過2張, 圖片會模糊

OwlCarousel2響應式輪播圖超過2張, 圖片會模糊

如題,圖片本身是高清的。輪播圖不超過2張是清晰的,超過2張輪播就變模糊了,很奇怪。
以下完整代碼,大家可以用1920寬的任意圖片3張?zhí)鎿Q即可測試 ,謝謝。

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<link rel="stylesheet" >
<link rel="stylesheet" >
<!--banner開始部分-->
<div class="banner">
  <div class="owl-carousel owl-theme" id="ktBanner">
    <div class="pics"> <a href="" ><img src="Images/banner2.jpg"   /></a></div>
    <div class="pics"> <a href="" ><img src="Images/banner3.jpg"   /></a></div>
    <div class="pics"> <a href="" ><img src="Images/banner.jpg"   /></a></div>
  </div>
</div>
<!--banner結束部分-->
<script>
 $(document).ready(function(){

    $("#ktBanner").owlCarousel({
        items: 1,
        loop: true,
        center:true,
        autoplay: true,
        autoplayTimeout: 3000,
        autoplayHoverPause: true
        
    });
 });
 
</script>
回答
編輯回答
厭遇

圖片線性縮放以后的自然模糊?我沒有復現這個問題,可以看到圖片從1920*500變成了1904*495.828,

猜測是瀏覽的縮放自然出現的失真,把圖片使用固定大小就好了

2018年6月24日 04:51