2
有沒有辦法讓網站中顯示的橫幅廣告圖片連續顯示?我的意思是,在示例中,當前橫幅圖像在左側被切斷,並且在其位置上是前一圖像的一部分。製作網站橫幅廣告幻燈片的寬度爲
我希望當前圖像佔據橫幅的整個寬度。那可能嗎?
這就是我認爲是滑塊的重要組成部分:
CSS:
.wrapper ul {
padding-left:490px
}
.anythingSlider {
position:relative
}
.anythingSlider .wrapper {
width:1920px;
overflow:auto;
height:405px
}
/* Width below is max for Opera */
.anythingSlider .wrapper ul {
width:32700px;
list-style:none
}
.anythingSlider .wrapper ul li {
display:block;
float:left;
padding:0;
width:auto;
margin:0
}
的JavaScript:
base.setCurrentPage = function(page, move) {
// Set visual
if (base.options.buildNavigation){
base.$nav.find('.cur').removeClass('cur');
captions.fadeIn(50);
$(base.$navLinks[page - 1]).addClass('cur');
};
// Only change left if move does not equal false
if (move !== false) base.$wrapper.scrollLeft(base.singleWidth * page);
// Update local variable
base.currentPage = page;
};
base.goForward = function(autoplay) {
if(autoplay !== true) autoplay = false;
base.gotoPage(base.currentPage + 1, autoplay);
captions.fadeOut(200);
};
base.goBack = function() {
base.gotoPage(base.currentPage - 1);
captions.fadeOut(200);
};
HTML:
<div id="slider-container">
<div id="slider-holder">
<div class="anythingSlider">
<div class="wrapper">
<ul>
<li>
<a href="#"><img src="images/content/banner1.png" alt="" /></a>
<p class="caption">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores</p>
</li>
<li>
<a href="#"><img src="images/content/banner2.gif" alt="" /></a>
<p class="caption">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
</li>
<li>
<a href="#"><img src="images/content/banner3.gif" alt="" /></a>
<p class="caption">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p>
</li>
</ul>
</div>
</div>
<div id="bevel"></div>
</div>
</div>
是的。這部分是問題所在。拿走填充物後,橫幅一直移動到左側,但現在右側有同樣的問題。 – 2012-01-02 23:00:55
你需要一張能填滿你需要的整個空間的圖像。否則,將'right'或'left'邊緣添加到'.wrapper ul li',它應該按照您指定的量分隔圖像。 – 2012-01-03 15:03:35
感謝您的幫助。我能弄明白。問題是現在我不記得我是如何修復它的。大聲笑。 – 2012-01-03 19:44:03