课程
/前端开发
/JavaScript
/JS+CSS3实现带预览图幻灯片效果
是指找到所有的index吗?我的websotrm报错,但页面显示没问题
2016-07-06
源自:JS+CSS3实现带预览图幻灯片效果 3-3
正在回答
{{index}}.jpg 表示这张图片的名称是{{index}},如果你的图片名称是1.jpg,那么就应该写成<img src="imgs/1.jpg" />
可以显示的,首先你要把图片的名称改成{{index}}.jpg 这样写的作用是为了唯一性,因为你后面要替换{{index}}这整个东西为(1,2,3,4,5,6,7),这样就可以添加图片,至于为什么加{{}}就是为了防止替换错误,你可以不加{{}}这个括号,直接写index,相应的你的模板图片也要改成index.jpg,后面也都这样改一下。
所以只是为了防止替换错内容而加的{{}},这样加上在软件上还有红色错误提示,但是不影响运行,所以你自己写可以不加的,但是你要理解后面也要进行修改。
<img src="imgs/{{index}}.jpg" />我的页面根本不显示
慕标5206426
按照视频讲的~这样写竟然把图片成功引入了~这不是扯淡吗
你好, 按着我的理解是: 你可以把{{index}}看成是一个需要替换的一个内容,而{{}}只是内容的一部分,并没有什么特别的作用。 希望回答正确也能帮助你
举报
同样的幻灯片,不一样的切换,学会实现思路,操作很简单
1 回答replace(/{{index}}/g,data[i].img)
2 回答为什么使用通用函数的时候。g('.main-i')。
4 回答同样的{{index}},id里面的被替换了,img里的却没被替换
2 回答当查找class时,g('.main-i') 为什么前面要加入点。
1 回答<img src="imgs/{{index}}.jpg" />是什么意思