jquery kwicks調整我的圖像

我正在嘗試將圖像放入kwicks ul li中，並且使其寬度固定在860px上，無論是否是li是否是可怕的。我只是不能阻止kwicks調整我的形象。jquery kwicks調整我的圖像

http://s1.postimg.org/gra40kmbz/kwicks.jpg

正如你可以在這個圖片上看到，只有第一（擴大）里正顯示出我的CSS width屬性860px，但是其他的人被調整。有沒有辦法解決它？

一切工作正常，如果我給每個李分配背景圖像，但我希望圖像動態更改 - 由於某種原因，我不能分配css背景屬性爭取jQuery。所以現在我設法在每個li裏動態地插入img標籤，但是我不能讓它停止調整大小。

請，任何建議將是偉大的。

<ul class="kwicks-category kwicks kwicks-horizontal"> 
<li class="kwicks-selected slideshow1"><img width="860" src="http://localhost/nidzan/Okvir/wp-content/uploads/2014/12/Untitled-1.jpg" class="attachment-small-thumb wp-post-image" alt="Untitled-1"></li> 
<li class="slideshow2"><img width="860" src="http://localhost/nidzan/Okvir/wp-content/uploads/2014/12/Untitled-1.jpg" class="attachment-small-thumb wp-post-image" alt="Untitled-1"></li> 
<li class="slideshow3"><img width="860" src="http://localhost/nidzan/Okvir/wp-content/uploads/2014/12/Untitled-1.jpg" class="attachment-small-thumb wp-post-image" alt="Untitled-1"></li> 
<li class="slideshow4"><img width="860" src="http://localhost/nidzan/Okvir/wp-content/uploads/2014/12/Untitled-1.jpg" class="attachment-small-thumb wp-post-image" alt="Untitled-1"></li> 
</ul> 

.kwicks-category li { 
    display: block; 
    height: 300px; 
    background: #999; 
    position: relative; 
    /* overridden by kwicks but good for when JavaScript is disabled */ 
    margin-left: 5px; 
float: left; 
} 

.kwicks-category li img { 
    position: absolute; 
    width: 860px; 
    top: 0; 
    left:0; 
    } 

$(function() { 
    $('.kwicks-category').kwicks({ 
     minSize : 50, 
     spacing : 5, 
     behavior: 'slideshow' 
    }); 
});

謝謝。

來源

2014-12-03 Nikola Topalovic

我發佈問題後實際找到解決方案15分鐘後。

我所做的就是用div來包裹所有img標籤併爲其分配寬度屬性。

.kwicks-category li img { 
    width: 860px; 
} 

.kwicks-category .img-wrap { 
position: absolute; 
top: 0; 
left:0; 
width: 860px; 
}

得好好的，李標籤內的所有圖片沒有得到調整，我仍然能夠動態圖像插入幻燈片kwicks。

來源

2014-12-03 22:42:47

刪除您的JS代碼中的minSize，然後重試。

$(function() { 
    $('.kwicks-category').kwicks({ 
     spacing : 5, 
     behavior: 'slideshow' 
    }); 
});

來源

2014-12-03 22:22:40 Karmacoma

minSize決定了li在被摺疊時的寬度，所以我不能刪除它。反正謝謝 – 2014-12-03 22:45:08

好吧，試試minSize：'100％' – Karmacoma 2014-12-03 22:46:01

我做了背景圖像和包裝的div在li標籤組合2個圖像的組合。這裏是可以正常工作的代碼：

<style type='text/css'> 
    .kwicks {height: 350px;} 
    .kwicks > li {height: 350px;} 
    #panel-1 { background-color: #53b388; background-image: url("***imageurl***");} 
</style> 

<ul class='kwicks kwicks-horizontal'> 
    <li id='panel-1'></li> 
    <li id='panel-2'><div style="width:1170px"><img src="***imageurl***"></div></li> 
</ul>

來源

2016-04-21 21:40:12

jquery kwicks調整我的圖像

回答

相關問題