📄 goodsimage.ascx

📁 jsp实现的网上购物系统
💻 ASCX
字号:
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="GoodsImage.ascx.cs" Inherits="JiSuShop.Web.Skin.GoodsImage" %>
<%@ Register TagPrefix="JSS" TagName="GoodsImageList" Src="GoodsImageList.ascx" %>
<!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" lang="gb2312">
<HEAD>
<TITLE><asp:Literal ID="HeaderTitle" Runat="server"></asp:Literal></TITLE>
<meta http-equiv="bulletin-date" content="<asp:Literal ID='HeaderBulletinDate' Runat='server' />">
<META NAME="robots" CONTENT="index, follow">
<META NAME="GOOGLEBOT" CONTENT="INDEX, FOLLOW">
<meta content="<asp:Literal ID='HeaderKeyWords' Runat='server'></asp:Literal>" name="keywords">
<meta content="<asp:Literal ID='HeaderDescription' Runat='server'></asp:Literal>" name="description">
<script src="js/Function.js"></script>
<script src="js/showImage.js"></script>
<script>
var goodsImageMaxSize = 230
var moveDirction = "left"; // up | left
</script>
<style type="text/css" media="all">
@import url("Skin/game/Images/GoodsImage.css");
</style>
<!--[if IE 6]>
<style type="text/css">
html{overflow-y:hidden; overflow-x:auto;}
</style>
<![endif]-->
</HEAD>
<body id="GoodsImage">
<form id="form" name="form1" runat="server">
<div id="wrap">
	<h4>鼠标点击大图不放可拖动(<span id="currentIndex"></span>/<span id="imageCount"></span>)</h4>
	<iframe id="bigImg" scrolling="no" frameborder="0" style="width:98%; height:260px; border:1px dashed #666;"></iframe>
	<div style="width:98%; overflow:hidden; background:#fff; margin-top:3px; border:1px dashed #666;">
	<JSS:GoodsImageList id="ShowGoodsImage" runat="server" /></div>
</div>


<div id="menu">
	<ul>
		<li><a href="javascript:preImage()">上一张</a></li>
		<li><a href="javascript:nextImage()">下一张</a></li>
		<li><a href="#1" onMouseOut="javascript:bSizeEnd()" onMouseDown="javascript:bSize()" onMouseUp="javascript:bSizeEnd()">放大</a></li>
		<li><a href="#1" onMouseOut="javascript:sSizeEnd()" onMouseDown="javascript:sSize()" onMouseUp="javascript:sSizeEnd()">缩小</a></li>
		<li><a href="#1" onClick="javascript:realSize()">实际大小</a></li>
		<li><a href="#1" onClick="javascript:defaultSize()">适合大小</a></li>
	</ul>
</div>
</form>

<script>
window.onload = function()
{
	initImageLayer();
	showBigImageForGoodsImagePage(index)
	initImageList();
}
</script>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -