Fatal编程技术网
  • javascript/
  • 代码笔演示中出现的Javascript-2图像

代码笔演示中出现的Javascript-2图像

javascript html

代码笔演示中出现的Javascript-2图像,javascript,html,Javascript,Html,我正在尝试使用粒子滑块在codepen中创建一个演示。由于某些原因，当我只使用一个链接时，我不断得到两张图片。我一辈子都搞不懂为什么。还有谁知道为什么会这样？我正在使用指向nextParticle js文件的外部链接。这是我的建议 index.html <img id="logo" class="next-particle" data-init-position="random" data-init-direction="left" data-fade-positio

我正在尝试使用粒子滑块在codepen中创建一个演示。由于某些原因，当我只使用一个链接时，我不断得到两张图片。我一辈子都搞不懂为什么。还有谁知道为什么会这样？我正在使用指向nextParticle js文件的外部链接。这是我的建议

index.html

<img id="logo" class="next-particle"  
   data-init-position="random"
   data-init-direction="left"
   data-fade-position="left"
   data-fade-direction="left"
   data-particle-gap="1"
   data-mouse-force="80"
   data-gravity="0.08"
   data-noise="30"
   src="http://res.cloudinary.com/mrmw1974/image/upload/v1509810511/XBD-150x150_grl5cl.png">
作为缔约国：

每个带有类
下一个粒子的
img
标记将自动
使用NextParticle脚本初始化

因此，当您执行
nextParticle=newnextparticle（document.all.logo）时您正在再次实例化它。跳过这个



或者相反，用
nextParticle=newnextparticle（document.all.logo）在图像上实例化脚本但删除下一个粒子类




nextParticle = new NextParticle(document.all.logo);