点击小图,放大图片
imageEnlarge
点击小图,放大图片
imageEnlarge点击小图,放大图片 #这个组件主要是针对angular的写的,下面是使用方法: ##配置项:
{ largeImageSrc: "@", // 大图的src,放大的图片的src,如果没有,默认用小图的src enableEnlargeImage: "=", // 配置是否可放大 opts: "=" // opts 包含图片放大的最大高度maxHeight,默认是600,图片放大后要放置的容器,默认是".content" } 使用:
###controller.js
angular.module("myApp")
.controller("imageEnlargeController", function($scope) {
var vm = $scope.vm = {};
vm.imgSrc = "images/enlarge_img_small.png";
vm.imgLargeSrc = "images/enlarge_img_large.png";
vm.opts = {
container: "body"
}
})
html
<div ng-controller="imageEnlargeController" class="image-enlarge-controller"> <img opts="vm.opts" ng-src="{{vm.imgSrc}}" large-image-src="{{vm.imgLargeSrc}}" enlarge-image enable-enlarge-image="true"> </div>
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。