小编Sto*_*lve的帖子

简单的幻灯片jQuery/UI图像内联

为一个小项目建立了一个简单的幻灯片放映非常快,但我不能让图像保持内联.这是我的代码和小提琴:HTML

<div id="slides">
    <div class="slides_container">
        <img src="http://slidesjs.com/examples/standard/img/slide-1.jpg" width="960" height="392" alt="Slide 1" class="slide"  id="firstSlide">
        <img src="http://slidesjs.com/examples/standard/img/slide-2.jpg" width="960" height="392" alt="Slide 2" class="slide" style="display:none;">
        <img src="http://slidesjs.com/examples/standard/img/slide-3.jpg" width="960" height="392" alt="Slide 3" class="slide" style="display:none;">
        <img src="http://slidesjs.com/examples/standard/img/slide-4.jpg" width="960" height="392" alt="Slide 4" class="slide" style="display:none;">
        <img src="http://slidesjs.com/examples/standard/img/slide-5.jpg" width="960" height="392" alt="Slide 5" class="slide" style="display:none;">
        <img src="http://slidesjs.com/examples/standard/img/slide-6.jpg" width="960" height="392" alt="Slide 6" class="slide" style="display:none;">
    </div>
</div>?
Run Code Online (Sandbox Code Playgroud)

CSS:

.slide{
    width:960px;
    height:392px;
    display:inline;
    float:left;
}?
Run Code Online (Sandbox Code Playgroud)

JS:

function slideShow() {
    var displayToggled = false;
    var current1 = $('.slide:visible');
    var nextSlide = current1.next('.slide');
    var hideoptions …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery jquery-ui

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

jquery-ui ×1