我需要一些帮助才能让它以我想要的方式运行,我对 JavaScript 和 webdev 很陌生。我想在我用 Turn.js 编写的 javascript 应用程序旁边显示一个图像。
这是我认为正确的 HTML 代码:
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<img class="img-responsive" src="http://www.bandanaworld.com/20108.JPG" alt="img"></img>
</div>
<div class="col-md-4">
<div class="t">
<div class="tc rel">
<div class="book" id="book">
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/01.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/02.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/03.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/04.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/05.jpg" alt="" /></div>
<div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/06.jpg" alt="" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
我在这里设置了一个带有示例的 JFiddle: https ://jsfiddle.net/gpheob5r/