Javascript Jquery Sparkle效果不起作用

我在jquery中有一个火花效果，但是火花是在背景上工作的。无论如何，我可以在图像上而不是背景上获得火花

这是我的密码：

（函数（）{
var sparkle=新sparkle（）；
sparkle.init（'.summs'）；
})();
html{font-family:sans-serif；-ms-text-size-adjust:100%；-webkit-text-size-adjust:100%}
正文{页边距：0}
文章，旁白，细节，图表，页脚，页眉，hgroup，main，nav，section，摘要{显示：块}
a{背景：透明}
a:活动，a:悬停{大纲：0}
h1{字体大小：2em；边距：.67em 0}
img{边界：0}
svg:not（：root）{overflow:hidden}
代码，kbd，pre，samp{字体系列：monospace，monospace；字体大小：1em}
b、 strong，optgroup{font-weight:700}
pre，textarea{overflow:auto}
html{
身高：100%；
}
身体{
颜色：#AAA；
背景色：#000；
线高：1.4；
利润率：50像素；
}
h1{
颜色：#FFF；
}
氢{
填充：10px0；
边框底部：1px实心#444；
}
a{
颜色：继承；
}
em{
字体系列：monospace；
字体大小：16px；
字体风格：普通；
背景色：#333；
边界半径：3px；
填充物：3px 5px；
}
前{
颜色：#FFF；
背景色：#444；
填充：0 25px；
边界半径：3px；
}
#包装纸{
宽度：20%；
保证金：自动；
边框：红色实心1px
}
总目{
背景：rgba（0,0,0,0）url（“https://custom.cvent.com/9BC2D0988F874B5C8C15E9D14B6E2F3B/pix/21abaeaeb5d94c73b6814e90cf55d240.jpg）无重复滚动中心顶部；
高度：516px；
保证金：0自动；
位置：相对位置；
文本对齐：居中；
顶部：-40px；
宽度：1000px；
}

闪耀美容闪耀服务




盛大晚宴

闪闪发光的迪奥大使裙
2016年5月26日

澳门JW万豪酒店
着装要求：玫瑰金和香槟
记得带上你的闪亮套装。

将有一个最佳穿着奖。
这是我自己创造的。如果你用这个给我点积分就好了。但是，嘿，你想干什么就干什么


你唯一需要改变的是

mySparkle.init( $( ".summs" ) , 150 );

我想你会想把元素保留在这里，但是你可以用任意数量的星星来改变'150'

“玩得开心”
寻求调试帮助的问题必须包含在问题本身中重现问题所需的最短代码。注意-请不要滥用代码块来绕开这个要求。对于那些只想尝试的人来说，更干净的小提琴：伟大的贡献！谢谢