<div id="picture" class="page out" data-title="图片插件">
	<div id="picture-header"></div>
	<div id="picture-a"></div>
	<div id="picture-b"></div>
	<div id="picture-c"></div>
	<div id="picture-d"></div>
</div>
<script>
require(["NavHeader", "Picture", "ColumnBreak"], function(NavHeader, Picture, ColumnBreak) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";
	if(!hasClsPicker) {
		new NavHeader({
			el: "picture-header",
			option: {
				title:"图片插件", 
				smallTitle:"picture"
			}
		}).render();
	}
	new ColumnBreak({
		el: "picture-a",
		option: {
			content : "链接跳转",
			align	: "center"
		}
	}).render();
	
	new Picture({
		el: "picture-b",
		option: {
			width : "100%",//默认值 100%
			height : 200, //默认值 200
			path : "/mobilemode/mobile/demo/plugin/Picture/picture.jpg",
			url : "/mobilemode/mobile/demo/plugin/Html/demo.html",
			dataAjax : true
		}
	}).render();
	
	new ColumnBreak({
		el: "picture-c",
		option: {
			content : "点击事件跳转",
			align	: "center"
		}
	}).render();
	
	new Picture({
		el: "picture-d",
		option: {
			width : "100%",//默认值 100%
			height : 200, //默认值 200
			path : "/mobilemode/mobile/demo/plugin/Picture/picture.jpg",
			callback : {
				click : function(){
					$u("/mobilemode/mobile/demo/plugin/Html/demo.html",true);
				}
			}
		}
	}).render();
});
</script>