2017-03-11 106 views
0

之前,我繼承了這個網站:http://www.thinkiam.com/滑塊革命WordPress中:上滑塊圖像將放大下一個圖像

這是WordPress的使用滑塊革命。

滑塊的默認全尺寸&它的圖像是1200p。當屏幕比這更小時,先前的幻燈片會在下一張幻燈片加載之前放大。

而幻燈片初始加載的正確尺寸的唯一原因是因爲我添加了背景大小:覆蓋他們。沒有那種風格,圖像即使在第一次出現時也沒有響應。

你可以看到,通過檢查和關閉這個功能

@media screen and (max-width: 1200px) 
style.css?ver=1.0.0:27 
div.tp-bgimg.defaultimg, div.slot { 
    background-size: cover; 
} 

在什麼革命滑塊設置,將產生一個簡單的響應滑蓋的?

回答

1
從不版本革命滑塊

他們想通了響應或移動的東西很漂亮,所以檢查是否有最新版本

剛進去的滑塊設置,點擊你想擁有支持移動和平板電腦(你可以調整屏幕尺寸爲好)後,當您將編輯您的滑塊您將有手機和平板電腦,你可以調整滑塊移動

額外的意見她是相當詳細的教程: https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

玩得開心

0

終於搞明白了。令人生厭的部分是,除了當前幻燈片退回到背景以外,下一張幻燈片可能會出現在上面,除此之外,圖像的大小始終是合適的。當發生這種情況時,現在背景圖像變成完整大小並溢出滑塊視口。當它位於堆棧頂部時,我可以對圖像進行樣式設置,但不能在它變成背景圖像時對其進行設計。

原來滑塊中的每張幻燈片都有自己的樣式。 「背景大小」選項設置爲「正常」。將每張幻燈片設置爲「包含」選項允許滑塊響應較小的屏幕尺寸。