自動隱藏屏幕圖像滑塊背後的WordPress

我的客戶是要求一個滑塊WordPress插件那些將被放置在網頁的標題。它會有多個圖像隨着下一個和上一個按鈕逐漸消失。但問題是他不想要完全響應滑塊。他想要一些像這樣的鏈接http://go-vacation.com/。請看頂部的滑塊。嘗試調整瀏覽器的寬度和高度。主要的主題是有人調整瀏覽器窗口的大小，圖像隱藏在屏幕後面。並沒有滾動條來。僅當屏幕大小調整到小於960像素時，滾動條纔會出現。滑塊的圖像大小將爲1600×600像素。因此假設屏幕現在爲1000像素，那麼您將只能看到1000像素的圖像部分，其餘部分將從屏幕兩側隱藏。請遵守的http://go-vacation.com/自動隱藏屏幕圖像滑塊背後的WordPress

我實際上不是這背後的邏輯行爲，這樣我可以用CSS和JS開始。這將是什麼將是主題。你的收藏中有什麼？如果是正常的jQuery滑塊，那麼也沒有問題。我會將其轉換爲wordpress插件。或者任何有關主邏輯簡單例子的幫助都是可觀的。

來源

2013-05-06 Fuad Hassan

最好的WP滑塊我知道（也響應）是FlexSlider。但是你可以使用任何你想要的滑塊。只需設置滑塊容器的最小寬度和寬度：100％（如果它不是由滑塊本身設置的話）。

來源

2013-05-06 12:56:52 Alex

嗨Alex我正在使用cyclon滑塊。我也相信，如果我們找出邏輯，那麼任何滑塊都可以工作。你有沒有看到go-vaction.com的行爲？我會嘗試你的建議。但只是爲了提醒你，這實際上不是一個響應滑塊。瀏覽器窗口調整大小時，圖片大小不應該調整。當窗口被調整大小時，圖像將從兩側隱藏。 – 2013-05-06 13:15:09

如果您將它作爲背景，它將不會調整圖像大小。我不知道旋風滑塊如何渲染圖像，所以你應該弄清楚。 – Alex 2013-05-07 13:51:26

自動隱藏屏幕圖像滑塊背後的WordPress

回答

相關問題