幻灯片图片切换

作者：Liaodeity - 2015年09月08日

幻灯片图片切换

HTML

<div id="slider">
<div id="slider-panels">
<div id="slider-panels-next"><span class="iconb" data-icon=""></span></div>
<div id="slider-panels-previous"><span class="iconb" data-icon=""></span></div>
<div id="slider-panel-images">
<img src="_assets/1.jpg" width="900" height="400" />
<img src="_assets/2.jpg" width="900" height="400" />
</div>
<div id="slider-panel-left">
<div id="slider-panel-left-carousel">
<div class="slider-panel-left-carousel-tab"><img src="_assets/1.jpg" width="900" height="400" /></div>
<div class="slider-panel-left-carousel-tab"><img src="_assets/2.jpg" width="900" height="400" /></div>
</div>
</div>

<div id="slider-panel-center">
<div id="slider-panel-center-carousel">
<div class="slider-panel-center-carousel-tab"><img src="_assets/1.jpg" width="900" height="400" /></div>
<div class="slider-panel-center-carousel-tab"><img src="_assets/2.jpg" width="900" height="400" /></div>
</div>
</div>

<div id="slider-panel-right">
<div id="slider-panel-right-carousel">
<div class="slider-panel-right-carousel-tab"><img src="_assets/1.jpg" width="900" height="400" /></div>
<div class="slider-panel-right-carousel-tab"><img src="_assets/2.jpg" width="900" height="400" /></div>
</div>
</div>

</div>
<div id="slider-dots">
<div class="slider-dot slider-dot-current"></div>
<div class="slider-dot"></div>
</div>
</div>

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/code/658

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！