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