You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
313 lines
10 KiB
Plaintext
313 lines
10 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EBook_Info.aspx.cs" Inherits="TradeManageNew.EBOOK.EBook_Info" %>
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>电子相册</title>
|
|
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<link href="css/style.css?a=31" type="text/css" rel="stylesheet" />
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="../Scripts/fancybox/jquery.fancybox-1.3.4.css" />
|
|
<link href="../Scripts/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
|
|
<script src="../Scripts/fancybox/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
|
|
</head>
|
|
<style>
|
|
.bookmark {
|
|
position: absolute;
|
|
/* top: 129px;
|
|
left: 220px;*/
|
|
|
|
}
|
|
|
|
.bookmark li {
|
|
cursor: pointer;
|
|
width: 67px;
|
|
height: 42px;
|
|
text-align: center;
|
|
line-height: 42px;
|
|
color: #fff;
|
|
border-radius: 5px 0 0 5px;
|
|
font-size: 18px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.bookmark .mark_01 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #e53b28;
|
|
}
|
|
|
|
.bookmark .mark_02 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #e53b28;
|
|
margin-bottom: 39px;
|
|
}
|
|
|
|
.bookmark .mark_03 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #f48c2c;
|
|
}
|
|
|
|
.bookmark .mark_04 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #f48c2c;
|
|
margin-bottom: 39px;
|
|
}
|
|
|
|
.bookmark .mark_05 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #cadb14;
|
|
}
|
|
|
|
.bookmark .mark_06 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #cadb14;
|
|
margin-bottom: 39px;
|
|
}
|
|
|
|
.bookmark .mark_07 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #45b3c3;
|
|
}
|
|
|
|
.bookmark .mark_08 {
|
|
width: 130px;
|
|
margin-left: -120px;
|
|
background: #45b3c3;
|
|
margin-bottom: 39px;
|
|
}
|
|
</style>
|
|
<body>
|
|
|
|
<div class="shortcut">
|
|
<div class="clr"></div>
|
|
</div><!--/ Codrops top bar -->
|
|
|
|
<div class="headeline"></div>
|
|
|
|
|
|
<!--演示内容开始-->
|
|
<link type="text/css" href="css/book.css?a=53" rel="stylesheet" />
|
|
<%-- <ul class="bookmark">
|
|
<li class="mark_01" data-id="0">首页</li>
|
|
<li class="mark_02" data-id="2">第2页</li>
|
|
<li class="mark_03" data-id="4">第3页</li>
|
|
<li class="mark_04" data-id="6">第4页</li>
|
|
<li class="mark_05" data-id="8">第5页</li>
|
|
<li class="mark_06" data-id="10">最后一页</li>
|
|
</ul>--%>
|
|
|
|
<div id="book" style="margin:0 auto;">
|
|
<div> <ul class="bookmark" id="ul_link">
|
|
<%-- <li class="mark_01" data-id="0" id="li_first">首页</li>
|
|
<li class="mark_02" data-id="2">第2页</li>
|
|
<li class="mark_03" data-id="4">第3页</li>
|
|
<li class="mark_04" data-id="6">第4页</li>
|
|
<li class="mark_05" data-id="8">第5页</li>
|
|
<li class="mark_06" id="li_next">....</li>
|
|
<li class="mark_07" data-id="10" id="li_last">最后一页</li>--%>
|
|
</ul></div>
|
|
<div class="arrow" style="left: -27px;">
|
|
<div class="mask"></div>
|
|
<div class="al" title="上一页"></div>
|
|
</div>
|
|
|
|
<div id="flip">
|
|
<div class="container">
|
|
<div class="label"></div>
|
|
<div class="content"></div>
|
|
<div class="pager"></div>
|
|
</div>
|
|
<%-- <div class="overlayer ie_l"><img src="images/flip_r.png" width="100%" height="827" /></div>--%>
|
|
</div>
|
|
|
|
<div id="left">
|
|
<div class="label"><a id="btn_back" href="#" style="font-size:15pt"><img src="images/favourite.jpg" />返回</a><%--<img src="images/vertical.jpg" /><a id="btn_down" href="#"><img src="images/download.jpg" />下载</a>--%></div>
|
|
<div class="content">
|
|
<div class="default"><img alt="" src="" height="95%" width="95%" id="img_1" /><p align="center"></p></div>
|
|
</div>
|
|
<div class="pager"></div>
|
|
</div>
|
|
|
|
<div id="right">
|
|
|
|
<div class="label" id="div_title"></div>
|
|
|
|
<div class="content">
|
|
<div class="default"><img src="" height="95%" width="95%" style="cursor:pointer;" id="img_2"/></div>
|
|
</div>
|
|
|
|
<div class="pager"></div>
|
|
|
|
|
|
</div>
|
|
|
|
<div id="foot"></div>
|
|
|
|
<div class="arrow" style="left:965px;">
|
|
<div class="mask"></div>
|
|
<div class="ar" title="下一页"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="div_main" style="text-align:center"></div>
|
|
<div style="display: none">
|
|
<div id="test" title="图片" style="width:1100px; height:950px;">
|
|
<table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
|
|
<tr>
|
|
|
|
<td colspan="2" align="center">
|
|
<img src="" style="width:1000px; height:900px;" id="img_main"/>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="js/jqueryui-1.8.min.js"></script>
|
|
|
|
<%-- <script type="text/javascript" src="js/page.js"></script>--%>
|
|
|
|
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
|
|
<%-- <script src="../Scripts/jquery.min.js" type="text/javascript"></script>--%>
|
|
<%-- <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
|
|
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>--%>
|
|
<script src="../Scripts/Global2.js?t=1" type="text/javascript"></script>
|
|
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
|
|
<script src="../Scripts/jquery.url.js" type="text/javascript"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
var start_page = 0;
|
|
var page_content = null;
|
|
// var WindowLoadModel = new WindowLoad();
|
|
var gocode = "";
|
|
var type = 1;
|
|
var isout = 0;
|
|
$(document).ready(function () {
|
|
// WindowLoadModel.ApplicationPath = "../";
|
|
// WindowLoadModel.Load();
|
|
ajaxInit(null);
|
|
gocode = $.url.param("gocode");
|
|
if (gocode == undefined) {
|
|
gocode = "";
|
|
}
|
|
|
|
type = $.url.param("type");
|
|
if (type == undefined) {
|
|
type = 1;
|
|
}
|
|
isout = $.url.param("isout");
|
|
if (isout == undefined) {
|
|
isout =0;
|
|
}
|
|
|
|
if(gocode!="")
|
|
GetBookImgs();
|
|
$("#btn_back").live("click", function () {
|
|
if (isout == 0)
|
|
window.location = "EBook_MyList.aspx";
|
|
else
|
|
window.location = "EBook_OutList.aspx?code=" + isout;
|
|
|
|
|
|
|
|
});
|
|
// ReadData();
|
|
//$(".default").live("click", function () {
|
|
// var sc = $(this).find("img").attr("src");
|
|
// $("#img_main").attr("src",sc);
|
|
// fopen();
|
|
|
|
//});
|
|
// $(".container").live("click", function () {
|
|
|
|
// var _bk = $(this).css('backgroundImage');
|
|
// var _src = _bk.split('(')[1].split(')')[0];
|
|
|
|
// $("#img_main").attr("src",_src);
|
|
// fopen();
|
|
|
|
//});
|
|
|
|
});
|
|
function fopen() {
|
|
var $=jQuery_124;
|
|
$.fancybox({
|
|
'width': '40%',
|
|
'height': '40%',
|
|
'autoScale': false,
|
|
'transitionIn': 'elastic',
|
|
'transitionOut': 'elastic',
|
|
'showNavArrows':true,
|
|
'href': '#test',
|
|
'onComplete': function () {
|
|
|
|
}
|
|
});
|
|
|
|
}
|
|
function GetBookImgs() {
|
|
$("#div_main").empty();
|
|
var param = new Object();
|
|
|
|
|
|
param.gocode = gocode;
|
|
|
|
param.type = type;
|
|
// WindowLoadModel.Show();
|
|
$.ajax({
|
|
url: "EBookService.asmx/GetListBookPagesInfo",
|
|
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
async: false,
|
|
success: function (data) {
|
|
// WindowLoadModel.Hide();
|
|
if (data.d != null) {
|
|
page_content = [];
|
|
$(data.d).each(function (i) {
|
|
|
|
if (i == 0) {
|
|
$("#div_title").html(this.bookname);
|
|
$("#img_1").attr("src", this.pageimg);
|
|
$("#img_11").attr("href", this.pageimg);
|
|
}
|
|
if (i == 1) {
|
|
$("#img_2").attr("src", this.pageimg);
|
|
$("#img_22").attr("href", this.pageimg);
|
|
}
|
|
page_content[i] = '<div class="default"> <img alt="" src="' + this.pageimg + '" height="95%" width="95%" /></div>';
|
|
if(i<6)
|
|
$("#div_main").append('<a class="fancybox1" rel="group" style="border:double;border-color:black" href="' + this.pageimg + '"><img alt="" src="' + this.pageimg + '" height="150px" width="150px" /></a></div>');
|
|
else
|
|
$("#div_main").append('<a class="fancybox1" rel="group" href="' + this.pageimg + '"><img alt="" src="' + this.pageimg + '" height="0px" width="0px" /></a></div>');
|
|
});
|
|
$(".fancybox1").fancybox();
|
|
|
|
}
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript" src="js/book.js?a=680"></script>
|
|
|
|
<!--演示内容结束-->
|
|
</body>
|
|
</html> |