我想制作一个电子书滑块，为此我使用了滑动滑块。也做了一些改动，并在每张幻灯片上添加了一些额外的图标。
<div class="mark-item"
style="z-index: 10 ;width: 100px ; height: 40px ; top: 30%; left: 10% }">
<span class="badge badge-secondary ebook-specific-mark-id" id="marksbadge">This is Marking will change on zoon</span>
<i class="fa fa-file-video-o"></i>
</div>
<img src="https://images.pexels.com/photos/459793/pexels-photo-459793.jpeg?cs=srgb&dl=board-chalk-chalkboard-459793.jpg&fm=jpg">
但是当您通过双击缩放图像时，图标的位置将会改变。
您可以在这里看到我的代码：
http://jsfiddle.net/fbLakdcv/7/
这也是我的电子书阅读器在运行时发生的gif现象： http://g.recordit.co/YwiUuRNKfv.gif
