需要将图像调整得更小，上一个按钮不起作用

Question

我有一个图像数组，需要将图像缩小 35%。这是 javascript:

//set up an array of comic images
var imgs = [
'http://static.wixstatic.com/media/057fb3_1e4c8262944649f989b555e3c5e9d242.jpg_1024',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911859',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911864',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911869',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911872',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911877'],
// initialize current to 0
current = 0;

function next() {
current++;
if (current > imgs.length) current = 0;
return imgs[current];
}

function previous() {
current--;
if (current < imgs.length) current = 0;
return imgs[current];
}

// define the first image in terms of a jquery object
var comic = $('<img/>').attr('src', imgs[0]);

// append to DOM
$('#comics').append(comic);  

$('#prev').on('click', function () {
comic.attr('src', prev());
});

$('#next').on('click', function () {
comic.attr('src', next());
});

在 jquery 之上虽然是按钮的简单 html 代码，但我认为函数 prev 不起作用是因为我在 jquery 本身做错了.我已经 5 年多没有做过编程了，我很生疏。任何帮助都会很棒。

JSFiddle 代码：https://jsfiddle.net/sketchflygirl/4euugfsb/12/ 正在使用网站代码：monroyart.net

Answer 1

您已定义 previous 函数。

function previous()

但您是通过 prev

来调用它的

comic.attr('src', prev());

Answer 2

想通了！！！

<style type="text/css">
img{
height:auto;
width:550px;
}
</style>

需要将图像调整得更小，上一个按钮不起作用

Need to resize images smaller and previous button is not working

jquery

arrays

image

button

resize