简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 制作juery图片浏览的的功能？
PHP中文网
PHP中文网 2017-04-10 15:29:40
0
2
402

这是一个别人用jquery插件的实现的图片浏览功能，点击图片底下就会变成相应的。
我想在他的上边小图片的左右做两个按钮实现上一张下一张的效果。
不知该怎么做，大家用过这个插件吗？

PHP中文网
PHP中文网

认证高级PHP讲师

reply all (2)
巴扎黑
巴扎黑2017-04-10 15:31:40 2 floor

1.若是图片命名有规则：
缩略图：www.abc.com/this-is-a-bike_thumb.jpg
原图：www.abc.com/this-is-a-bike.jpg
则jquery在click缩略图时，获取src，将_thumb去掉，在下方原图中改为这个替换后的src
2.若是图片命名无规则：
缩略图：www.abc.com/dsfn9hudt79ij23.jpg
原图：www.abc.com/afewh80gjvi08fu.jpg
则在缩略图中存入一个原图的src为src，jquery在click缩略图时，获取data('src')，在下方原图中改为这个替换后的src

Like+0
Add Reply
    Ty80
    Ty802017-04-10 15:31:40 1 floor

    http://www.imooc.com/learn/412

    Like+0
    Add Reply
      Popular Topics
      More>
      Popular Articles
      Popular Tutorials
      More>
      Related Tutorials
      Popular Recommendations
      Latest courses
      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn：Public welfare online PHP training，Help PHP learners grow quickly！