Bootstrap pgwslideshow移動版

Question

感謝您的關注。

我一直在玩一個名爲pgwSlideshow的引導式幻燈片，我幾乎已經知足了點，但由於一個元素在移動設備上呈現的方式，我不太滿意。在移動設備上，轉到下一個或上一個圖像的向前和向後箭頭鍵位於圖像的頂部。我想要讓它們位於圖像的兩側，因爲它們在筆記本電腦/臺式機上，或完全消失。

我試圖做一些特定的CSS @media的東西，但它似乎沒有拿起。我知道JS中的這個命令是displayControls：false - 但我無法弄清楚如何將它定位到移動設備並看到它的工作。請在codepen下面找到一個例子。任何建議，將不勝感激。請讓我知道如果有更多的信息是有用

http://codepen.io/anon/pen/waqaQp

.slides { 
width: 90%; 
margin: 0 auto; 
}  

以上就是我爲桌面版做的，但它不會從登陸的頂部固定下一個和上箭頭移動版本上的圖像。

謝謝！

Answer 1

我想通了 - 我不知道如何刪除這個東西，但是這是我做過什麼：

我加到頭在頁面的HTML：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 

然後對於javascript，並且if/else語句使用寬度規範：

if ($(window).width() > 739) { 
$(document).ready(function() { 
$('.pgwSlideshow').pgwSlideshow({ 
    autoSlide: false, 
    maxHeight: 800 
}); 
}); 
} 
else { 
$(document).ready(function() { 
$('.pgwSlideshow').pgwSlideshow({ 
    autoSlide: false, 
    displayControls: false 
}); 
}); 
}