代码直接粘贴即可,资源文件可度娘查找

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div class="hospital" id="hospital">
<div class="flipster">
<ul class="flip-items">
<li data-flip-category='1'><div class='img'><img src='https://s1.ax1x.com/2020/07/29/aZZiyq.jpg'></div></li>
</ul>
</div>
</div>
<script>
$(function () {
$("#hospital").hide();
})

setTimeout(function () {
$("#hospital").show();
$(".flipster").flipster({
itemContainer: 'ul',
itemSelector: 'li',
style: 'carousel',
start: 0,
enableKeyboard: true,
enableMousewheel: true,
enableTouch: true,

enableNav: false,
enableNavButtons: false,

onItemSwitch: function () {
},
});
}, 500)
</script>
<link rel="stylesheet" href="/app/static/plugins/jquery.flipster.css">
<script src="/app/static/plugins/jquery.flipster.js"></script>