jQuery图片查看器插件Viewer.js如何使用-创新互联
这篇文章主要介绍“jQuery 图片查看器插件 Viewer.js如何使用”，在日常操作中，相信很多人在jQuery 图片查看器插件 Viewer.js如何使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”jQuery 图片查看器插件 Viewer.js如何使用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：
成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的
裕安网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！JS是什么
JS是JavaScript的简称，它是一种直译式的脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分，主要用于web的开发，可以给网站添加各种各样的动态效果，让网页更加美观。
html:
js:
html += " ";
//查看图片
function viewPhotos(ot_id) {
var Html = "";
$.ajax({
type: "post",
async: false,
dataType: "json",
url: "/order/order/get-list",
data: {
ot_id: ot_id,
type: 1
},
success: function (json) {
if (json.ask) {
Html += "";
Html += "";
if (json.data) {
$.each(json.data, function (key, value) {
Html += " | ";
});
} else {
Html += " | ";
}
Html += "";
$("#viewPhotosDialog").dialog("open").html(Html);
} else {
alertTip(json.msg);
}
}
});
var viewer = new Viewer(document.getElementById('images'), {url: 'data-original'});
}
$(function () {
$("#viewPhotosDialog").dialog({
title: "查看图片",
autoOpen: false,
modal: true,
width: 1000,
show: "slide",
});
});
Controller:
class Order_OrderController extends Zend_Controller_Action {
public function getListAction () {
$type = $this->_request->getParam('type', 0);
$otId = $this->_request->getParam('ot_id');
if ($type) {
$otIds = Order_Service_Transport::getByOtId($otId);
if ($otIds) {
$images = explode(';', $otIds['images']);
$data = array();
foreach ($images as $value) {
$data[] = $value;
}
$return['ask'] = 1;
$return['data'] = $data;
} else {
$return['ask'] = 0;
$return['msg'] = '未获取到对应图片';
}
die(json_encode($return));
}
}
}
到此，关于“jQuery 图片查看器插件 Viewer.js如何使用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
分享名称：jQuery图片查看器插件Viewer.js如何使用-创新互联
分享路径：
http://cdweb.net/article/cspecp.html
