禁用燈箱移動設備

我設法根據窗口寬度有條件地爲燈箱加載CSS和js。但是，當點擊鏈接時，它仍然會在新窗口中打開較大的圖像。禁用燈箱移動設備

我想只顯示img的縮略圖，而不需要點擊該圖標，以便在窗口寬度低於479px的情況下在新窗口中將其作爲較大圖像查看。

這是可能的嗎？任何幫助將非常感激。

<li class="gallery-item-container "> 
    <a data-original="l-img1.jpg" href="l-img1.jpg" class="zoombox effect-justopacity lazy"><img class="thumb-gamma lazy" data-original="img1.jpg" src="img1.jpg" alt="professional photography services cyprus" height="270" width="270"/></a>   
</li>

編輯：也許追加href屬性的標籤，有沒有辦法做到這一點每個圖像？

來源

2014-03-27 user3462744

我也不太明白，如果你不希望它在新標籤中打開圖像，剛剛從圖像周圍刪除錨點。如果你的意思只是在移動設備上，你可以檢測到綁定到該錨點的JS中的移動用戶代理來打開燈箱，如果它是移動設備則返回false。 –

謝謝你的幫助！你有一個代碼示例，因爲我的jQuery知識不是最好的。 – user3462744

您可以輕鬆地隱藏按鈕：

@media screen and (max-width: 479px) { .zoombox {display: none;} }

來源

2014-09-30 17:17:29 zshare

禁用燈箱移動設備

回答

相關問題