You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.1 KiB
50 lines
2.1 KiB
/*
|
|
* Copyright 2018-2018 the original author or authors.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
* WebSite: http://bootstrap-viewer.leftso.com
|
|
*/
|
|
$.fn.bootstrapViewer = function (options) {
|
|
$(this).on('click', function () {
|
|
var opts = $.extend({}, $.fn.bootstrapViewer.defaults, options);
|
|
var viewer = $('<div class="modal fade bs-example-modal-lg text-center" id="bootstrapViewer" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" >\n' +
|
|
' <div class="modal-dialog modal-lg" style="display: inline-block; width: auto;">\n' +
|
|
' <div class="modal-content">\n' +
|
|
' <img' +
|
|
'\t\t\t class="carousel-inner img-responsive img-rounded img-viewer" \n' +
|
|
'\t\t\t onclick="$(\'#bootstrapViewer\').modal(\'hide\');setTimeout(function(){$(\'#bootstrapViewer\').remove();},200);"\n' +
|
|
'\t\t\t onmouseover="this.style.cursor=\'zoom-out\';" \n' +
|
|
'\t\t\t onmouseout="this.style.cursor=\'default\'" \n' +
|
|
'\t\t\t />\n' +
|
|
' </div>\n' +
|
|
' </div>\n' +
|
|
' </div>');
|
|
$('body').append(viewer);
|
|
if ($(this).attr(opts.src)) {
|
|
$("#bootstrapViewer").find(".img-viewer").attr("src", $(this).attr(opts.src));
|
|
$("#bootstrapViewer").modal();
|
|
} else {
|
|
throw "图片不存在"
|
|
}
|
|
|
|
})
|
|
|
|
$(this).on('mouseover', function () {
|
|
$(this).css('cursor', 'zoom-in');
|
|
})
|
|
|
|
}
|
|
$.fn.bootstrapViewer.defaults = {
|
|
src: 'src'
|
|
} |