Javascript 在多图像滑块中显示两次图像
我开始尝试只使用一个插件为网站的多图像旋转滑块。然而,他们每个人似乎都有某种形式的问题。所以我自己选择了一个简单的滑块。除了其中一个图像显示两次之外,所有这些都可以正常工作。我对Jquery知之甚少,如果有人能指出阻止图像显示两次的最简单修复方法,我将不胜感激。奇怪的是,它是HTML(星球大战xwing)中显示两次的第三个图像 HTML:Javascript 在多图像滑块中显示两次图像,javascript,php,html,slider,Javascript,Php,Html,Slider,我开始尝试只使用一个插件为网站的多图像旋转滑块。然而,他们每个人似乎都有某种形式的问题。所以我自己选择了一个简单的滑块。除了其中一个图像显示两次之外,所有这些都可以正常工作。我对Jquery知之甚少,如果有人能指出阻止图像显示两次的最简单修复方法,我将不胜感激。奇怪的是,它是HTML(星球大战xwing)中显示两次的第三个图像 HTML: <div class="featured_menu"> <div id="mixedSlider"> <
<div class="featured_menu">
<div id="mixedSlider">
<div class="MS-content">
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Warhammer 40,000</h2>
<img src="<?php echo IMG_PATH;?>/warhammer_40000.jpg" alt="Warhammer 40000">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Vallejo</h2>
<img src="<?php echo IMG_PATH;?>/vallejo.jpg" alt="vallejo paints">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Star Wars X-Wing</h2>
<img src="<?php echo IMG_PATH;?>/star_wars_x_wing.jpg"alt="Star Wars X-wing">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Star Wars X-Wing</h2>
<img src="<?php echo IMG_PATH;?>/star_wars_x_wing.jpg"alt="Star Wars X-wing">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Pokemon</h2>
<img src="<?php echo IMG_PATH;?>/pokemon.jpg" alt="Pokemon Trading Card Game">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Magic the Gathering</h2>
<img src="<?php echo IMG_PATH;?>/magic_the_gathering.jpg" alt="Magic the Gathering">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Dungeons and Dragons</h2>
<img src="<?php echo IMG_PATH;?>/dungeons_and_dragons.jpg" alt="Dungeons and Dragons">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Creature Caster</h2>
<img src="<?php echo IMG_PATH;?>/creature_caster.jpg" alt="Creature Caster">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Cosmic Encounter</h2>
<img src="<?php echo IMG_PATH;?>/cosmic_encounter.jpg" alt="Cosmic Encounter">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
</div>
<div class="MS-controls">
<button class="MS-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
<button class="MS-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
</div>
</div>
</div>
<script src=<?php echo TEMPLATE_PATH;?>/multislider.min.js></script>
<script>
$('#mixedSlider').multislider({
duration: 750,
interval: 3000
});
</script>
战锤40000
/warhammer_40000.jpg“alt=“warhammer 40000”>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
瓦莱乔
/jpg“alt=”vallejo paints“>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis
星球大战X翼
/星球大战x翼。jpg“alt=”星球大战x翼“>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
星球大战X翼
/星球大战x翼。jpg“alt=”星球大战x翼“>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis
精灵宝可梦
/pokemon.jpg“alt=”pokemon交易卡游戏“>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
魔术聚会
/magic_the_gramming.jpg“alt=“magic the gramming”>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis
龙与地下城
/地下城与龙。jpg“alt=”地下城与龙“>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
生物施法者
/生物施法者.jpg“alt=”生物施法者“>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis
银河遭遇战
/宇宙遭遇。jpg“alt=”宇宙遭遇“>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
是否从HTML代码中删除重复项
<div class="featured_menu">
<div id="mixedSlider">
<div class="MS-content">
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Warhammer 40,000</h2>
<img src="<?php echo IMG_PATH;?>/warhammer_40000.jpg" alt="Warhammer 40000">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Vallejo</h2>
<img src="<?php echo IMG_PATH;?>/vallejo.jpg" alt="vallejo paints">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Star Wars X-Wing</h2>
<img src="<?php echo IMG_PATH;?>/star_wars_x_wing.jpg"alt="Star Wars X-wing">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Pokemon</h2>
<img src="<?php echo IMG_PATH;?>/pokemon.jpg" alt="Pokemon Trading Card Game">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Magic the Gathering</h2>
<img src="<?php echo IMG_PATH;?>/magic_the_gathering.jpg" alt="Magic the Gathering">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Dungeons and Dragons</h2>
<img src="<?php echo IMG_PATH;?>/dungeons_and_dragons.jpg" alt="Dungeons and Dragons">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Creature Caster</h2>
<img src="<?php echo IMG_PATH;?>/creature_caster.jpg" alt="Creature Caster">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
<div class="item">
<div class="imgTitle">
<h2 class="imgTitle">Cosmic Encounter</h2>
<img src="<?php echo IMG_PATH;?>/cosmic_encounter.jpg" alt="Cosmic Encounter">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac tellus ex. Integer eu fringilla nisi. Donec id dapibus mauris, eget dignissim turpis ...</p>
<a href="#">Read More</a>
</div>
</div>
<div class="MS-controls">
<button class="MS-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
<button class="MS-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
</div>
</div>
</div>
<script src=<?php echo TEMPLATE_PATH;?>/multislider.min.js></script>
<script>
$('#mixedSlider').multislider({
duration: 750,
interval: 3000
});
</script>
战锤40000
/warhammer_40000.jpg“alt=“warhammer 40000”>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis
瓦莱乔
/jpg“alt=”vallejo paints“>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
星球大战X翼
/星球大战x翼。jpg“alt=”星球大战x翼“>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis
精灵宝可梦
/pokemon.jpg“alt=”pokemon交易卡游戏“>
同侧前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭,前庭
魔术聚会
/magic_the_gramming.jpg“alt=“magic the gramming”>
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭交流tellus ex.Integer eu fringilla nisi。Donec id dapibus mauris,eget Dignessim turpis