                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS+CSS3实现带预览图幻灯片效果

代码和老师的完全一样，图片显示不出来，心好累

var g = function (id) {

if (id.substr(0, 1) == '.') {

return document.getElementsByClassName(id.substr(1));

}

return document.getElementById(id);

}

浏览器控制台的显示结果也和老师的不一样

exiha

2017-06-13

源自：JS+CSS3实现带预览图幻灯片效果 3-1

关注问题我要回答

1692

操作

收起

3 回答

qq_欧尼酱_4
2018-07-09

我现在控制台的图片显示不出来只能显示一张一开始定义的<a class="ctrl-i" d="ctrl_{{index}}" href="javascript:switchSlider({{index}});"><img src="图片素材/{{index}}.jpg"></a>

这一张图片

后面控制台要显示7长预览图是不是要实现定义好？

像这样吗？

var data =[
{img:1,h1:'Creative',h2:'DUET'},
{img:2,h1:'Friendly',h2:'DEVIL'},
{img:3,h1:'Tranquilent',h2:'COMPATRIOT'},
{img:4,h1:'Insecure',h2:'HUSSLER'},
{img:5,h1:'Loving',h2:'REBEL'},
{img:6,h1:'Passionate',h2:'SEEKER'},
{img:7,h1:'Crazy',h2:'FRIEND'}
];

我按照视频上面这样定义没用啊