Jquery 需要将图像调整得更小,且“上一步”按钮不起作用
我有一个图像阵列,需要调整图像大小的35%。下面是javascript:Jquery 需要将图像调整得更小,且“上一步”按钮不起作用,jquery,arrays,image,button,resize,Jquery,Arrays,Image,Button,Resize,我有一个图像阵列,需要调整图像大小的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=3
//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年多没有做过编程了,我已经很生疏了。任何帮助都会很棒
JSIDLE代码:
网站代码正在以下位置使用:您已经定义了以前的功能
函数前
但你是用prev来称呼它的
漫画。attr'src',prev 找到了答案
<style type="text/css">
img{
height:auto;
width:550px;
}
</style>