jquery-viewer 图片查看/放大/缩小/旋转/翻转

github

https://github.com/fengyuanchen/jquery-viewer

Examples

<link
	rel="stylesheet"
	href="/Public/css/viewer.min.css"
>
<script src="/Public/js/jquery.min.js"></script>
<script src="/Public/js/viewer-jquery.min.js"></script>
<script>
$(function () {

	var files = '{$row[zz_files]}'
	var arr = _.split(files, '|')
		, $files = $('#files')
	_.each(arr, function (item) {
		var item_arr = _.split(item, ',')
		if (item_arr[1]) {
			$files.append('<p>' + item_arr[0] + '</p>')
			$files.append('<img src="' + item_arr[1] + '" alt="' + item_arr[0] + '" class="img" />')
		}
	})

	$('#files').viewer()

})
</script>

vue中需要更新

// vue 中更新
this.$nextTick(() => {
	$('#list').viewer('update')
})