js点击按钮实现图片上下翻页,为啥下面代码不能实现翻页？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js点击按钮实现图片上下翻页,为啥下面代码不能实现翻页？相关的知识，希望对你有一定的参考价值。
<script>
jQuery(".t_sroll").slide( titCell:".smallImg li", mainCell:".bigImg", effect:"fold", autoPlay:true,delayTime:200,
startFun:function(i,p)
if(i==0)
jQuery(".t_sroll .sPrev").click()
else if( i%4==0 )
jQuery(".t_sroll .sNext").click()
);
jQuery(".t_sroll .smallScroll").slide( mainCell:"ul",delayTime:100,vis:4,scroll:4,effect:"left",autoPage:true,prevCell:".sPrev",nextCell:".sNext",pnLoop:false );
jQuery(".t_content").slide( titCell:".c_tab li",mainCell:".tab_content",titOnClassName:"active");
</script>
var n = Number(img.title) + n;//定义一个变量，值为元素title+自己的值，这里title必须为数字，否则抛出异常，Number()是把字符串类型的数字转为Number类型
if(n < 1) n = 4;//如果n<1 ， n=4
if(n > 4) n = 1;//如果n>4,n=1 ，这里是一个循环，应该是点到最后一张图片后显示第一张图片
img.src = \'image/\'+n+\'.jpg\';//imgage是文件夹名，n.jpg是文件夹下图片名
img.title = n;//改变元素title为n
var a = img.parentNode;//定义img的上级节点，应该是一个超链接（<a href=""></a>）
a.href = img.src;//为a标记添加href
return false;//返回false 参考技术A jQuery(".***")是什么东西，jQuery类选择器的写法不一般是$(".***")吗？追问
jQuery类只直接写在网页里面的。
本回答被提问者和网友采纳怎么用js实现图片的缩小？
是用js实现的吗
一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。在今天分享的这个实例中，点击放大按钮不松鼠标，图片会不断的逐渐放大，当然也可以点一下放大一点，点击缩小按钮则反之，有需要的朋友可以考虑收藏备用哦
以下为全部代码：
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript控制图片缩小或者放大</title>
</head>
<body>
<script type="text/javascript">
var oTime;
function changeSize(id,action)
var obj=document.getElementById(id);
obj.style.zoom=parseInt(obj.style.zoom)+(action=='+'?+10:-10)+'%';
oTime=window.setTimeout('changeSize(\\''+id+'\\',\\''+action+'\\')',100);
document.onmouseup=function()
window.clearTimeout(oTime);
</script>
<div style="height:350px; overflow: auto;">
<img id="headImg" src="
<button onmousedown="changeSize('headImg','+');" onmouseup="window.clearTimeout(oTime);">放大</button>
<button onmousedown="changeSize('headImg','-');" onmouseup="window.clearTimeout(oTime);">缩小</button>
</body>
</html> 参考技术A <input type="button" value="缩小" onclick="small1()">
<input type="button" value="放大" onclick="big1()">
<br>
<BR>
<img border="0" name=images1 src="图片路径" >
<script>
function small()
var height1=images0.height
var width1=images0.width
images0.height=height1/缩小的倍数
images0.width=width1/缩小的倍数
参考技术B 写 function得时候设定width,Height参数
以上是关于js点击按钮实现图片上下翻页,为啥下面代码不能实现翻页？的主要内容，如果未能解决你的问题，请参考以下文章