僅通過CSS控制jquery滑塊中的圖像位置？

似乎每天我都有一個CSS問題。我希望很快我會回來的青睞。所以現在我試圖修改一個jQuery滑塊來改變圖像和描述覆蓋的位置。我正在使用的網站是here 僅通過CSS控制jquery滑塊中的圖像位置？

請注意滑塊，其中包含左側的導航部分，圖像和覆蓋在圖像右下角的說明。現在滑塊和右側的時事通訊塊之間有很多空白區域。我想要做的是將導航部分保持在原來的位置，並將圖像和說明一起移動到指定的量。理想情況下，我試圖在CSS中單獨執行此操作。

這裏是CSS的一部分，這是我覺得我應該有興趣

jo-k2-main-outer { 
    position: relative; 
    overflow: hidden; 
}

如果我添加離開：120像素;那麼我在Firebug中看到，包含圖像的div現在佔據了我想要的空間，但是圖像本身的位置（描述覆蓋）沒有變化，並且在右側被截斷了等於120px的量。所以我想圖也許我需要編輯jQuery。例如，在firebug中，我看到JoK2Slide（document）.ready（function（$）{它的marginleft參數設置爲5px，但編輯該參數（例如設置爲125px）不會產生結果。此外，我真的很想完成這在CSS只。

如何簡單地去了解這是可能的任何想法？

感謝一如既往，視

來源

2015-09-04 Brian Huether

我認爲最好的辦法就是讓圖像變寬。否則，圖像需要縮放。 – Joerg

好吧，我理解了它。我需要設置相應的元素的寬度（在模塊代碼中內聯設置）爲100％！現在一切正常

<div id="jo-k2-slide45" class="jo-k2-slidecontent jo-k2-snleft topslider" style="height: 275px; width: 100%;">

來源

2015-09-04 13:33:38

是的，它可能與CSS，你只需要做出一些改變，比你好。

更改下面的CSS在你的style.css

.jo-k2-main-outer{ 
    left :0; 
}

- >通過這樣做，你會看到圖像移動到右邊。您還可以看到一個圓點出現在影像的附近，消除這種你需要做更改以下CSS

ul.jo-k2-main-wapper li{ 
list-style: outside none none; 
}

讓我知道如果您有任何其他issuse。

謝謝。

來源

2015-09-09 07:44:35

僅通過CSS控制jquery滑塊中的圖像位置？

回答

相關問題