Javascript 图像数组循环JSCSS

我试图把图像放在div的旁边，这样可以控制h/w，我似乎可以让它与jquery 3.2.1一起工作，它只与jquery 2.1.1一起工作，有没有更好的方法来编写这段代码，我试图有一个简单的点击“下一步”div并用循环更改图像

$（函数（）{
变量图像=[
"http://placehold.it/300x150/f0f&text=1"
,"http://placehold.it/300x150/cf5&text=2"
,"http://placehold.it/300x150/b15&text=3"
,"http://placehold.it/300x150/c59&text=4"
,"http://placehold.it/300x150/ac2&text=5"
,"http://placehold.it/300x150/bb5&text=6"
];
// ======================================
var tot=图像长度；
var c=0；//当前图像
函数loadImage（）{
$("
#图库{
宽度：150px；
高度：50px；
背景：ddd；
边缘顶部：8px；
}

上
下一个
在3.X中删除了load（）作为事件绑定的用法。它现在只用于获取资源，第一个参数是要检索的资源的url


注意：在jQuery 3.0之前，事件处理套件还有一个名为.load（）的方法。较旧版本的jQuery根据传递给它的一组参数确定要激发哪个方法

改为在（'load'）上使用。
替换

$("<img/>").attr("src",images[c]).on("load", function() {
  $('#gallery').html( this );
});

$（“
为了

$（
javascript
有什么问题？图像在libs的最新版本中不可见。请参阅
$("<img/>").attr("src",images[c]).load(function() {
  $('#gallery').html( this );
});