我应该/如何使用.slice()在按下按钮时交换图像scr?(用于在库中使用下一个/上一个按钮)
Should/How would I use .slice() to swap an image scr on a button press? (for next/previous button use in a gallery)
我被难住了,我真的需要一些帮助来处理我一直在处理的这个库。我使用了Ivan的"jquery库的4行"教程来了解我目前的处境。这是他的演示,它准确地展示了这一切是如何工作的http://workshop.rs/demo/gallery-in-4-lines/
我已经达到了想要包含上一个和下一个按钮的地步。
由于这些图像的名称为"1-larg.jpg"、"2-large.jpg"、"3-large.jpg……等,我尝试使用.slice()获取第一个数字,然后将其加1或减1,生成下一张/上一张图片,但效果并不好,因为我缺乏javascript技能,甚至不知道这是否是处理它的最佳方法。
我的问题是,使用.slice()是可行的方法,还是有一个更简单的代码可以在我的按钮上使用?
任何帮助都将不胜感激。
如果您只想要字符串的第一个字符:
var name = "1-large.jpg";
var i = name[0];
// i is now '1'
但这对i>9不起作用,所以使用拆分会更好:
var i = name.split('-')[0];
// i is now '1'
var i = "1023-large.jpg".split('-')[0];
// i is now '1023'
并将字符串转换为int:
var num = parseInt("23", 10);
// num is now the number 23, not a string
相关文章:
- 用于选择MVC3中单选按钮值的JavaScript
- 是否有任何可能的原因使我应该指定类型=“”;按钮“;用于我的按钮元素
- 将文本框中的值用于按钮窗体操作上的变量
- Bootstrap折叠按钮不适用于android
- jQuery Validate不适用于自定义单选按钮
- 如何将javascript仅应用于1个表单中的2个表单提交按钮中的1个
- 按钮,用于更改Rails中的数据库值
- <md按钮>不适用于Firefox
- 按钮点击不适用于手机
- jQuery-click函数不适用于使用innerHTML动态生成的按钮
- Javascript上传按钮问题,适用于Wordpress
- 用于控制单选按钮的复选框
- 清除按钮不适用于我的javascript和hmtl5画布
- 用于显示所选选项的按钮
- 表中的动态按钮用于使用Javascript(CodeIgniter)删除/编辑数据
- 开始按钮用于启用和恢复动画,而无需在双击时再次重复该功能(javascript)
- html 按钮用于淡入和淡出
- Shift+Enter按钮用于提交表单
- Ionic后退按钮用于路由/查看
- Javascript:如何将相同的按钮用于不同的文本输入