您好。如题。我在代码中是这样写的。
step:1 为了将默认的小图片列表从上方移到左边,我设置了template
Viewer.TEMPLATE = (
'
'
'
' +'
' +'
'
'
'
);
step:2 初始化
$('.images').viewer({
inline: true
})
{
that.state.imagesData.map(function (v, i) {
var id = v.id
var content = 'http://192.168.2.202:8090/httpfiletrans/HttpFileTrans?'+
'method=download&FilePath=';
if (that.state.changeInmageOrigin == true && that.state.chooseImageId == v.id) {
content += [v.targetImagePath](url)
} else {
content += v.aiResultImagePath
}
if (v.aiResult == 1) {
return (
} else {
return (
}
})
}
step3: 点击查看原图切换url
onChange = (e) => {
var changeImageOrigin = e.target.checked;
var chooseImageNum = $('.viewer-active>img')[0].name;
this.setState({
hasMore: false,
changeInmageOrigin: changeImageOrigin,
chooseImageId: chooseImageNum
}, () => {
$('.images').viewer('destroy')
$('.images').viewer({
inline:true
})
})
}
我使用了 $('.images').viewer('destroy')然后再重新加载,这样在第一张图片点击查看原图时是没有问题,当点击其他图片的时候都会默认选择到第一张图片。我曾经试过用update但是没有效果,请问这种情况应该怎么解决,万分感谢!
当我把
$('.images').viewer('destroy')
$('.images').viewer({
inline:true
})
改为
$('.images').viewer({
inline:true
}).viewer()
时,我在页面查看了下。
显示的图片还是原来的没有改变。因为增加在左边显示的图片列表里的url还是原来的没有改变,
而viewer.js默认展示在上方的图片列表里的url是改变了的。