📄 photoplay.jsp
字号:
<%@ page contentType="text/html; charset=utf-8" language="java" %>
<%
String path = request.getContextPath();
String showstr="10,11,12,13,14";//所有图片的ID字符串
String showpath="'images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg','images/5.jpg'";//所有图片的路径字符串
String showname="'1','2','3','4','5'";//所有图片的名称字符串
int picnum=5;
//////////////////////////////////////////////
/////////////////////////////////////////////
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<title>贝贝派照片幻灯播放</title>
<script language="Javascript">
//限制照片显示大小
function DrawImage(ckp){
var image=new Image();
image.src=ckp.src;
if(image.width>=image.height)
{
if(image.width>300)
{
ckp.width=300;
}
else
{
ckp.width=image.width;
}
}
else if(image.width<image.height)
{
if(image.height>300)
{
ckp.height=300;
}
else
{
ckp.height=image.height;
}
}
}
//限制小图片显示大小
function DrawImage1(ckp1){
var image1=new Image();
image1.src=ckp1.src;
if(image1.width>=image1.height)
{
if(image1.width>80)
{
ckp1.width=80;
}
else
{
ckp1.width=image1.width;
}
}
else if(image1.width<image1.height)
{
if(image1.height>80)
{
ckp1.height=80;
}
else
{
ckp1.height=image1.height;
}
}
}
//-----
var slideshow_end_url='';
var isLastPage='0';
var pageCount = '';
//获取图片信息
var imageIDsArray = new Array(<%=showstr%>);
var imageSrcArray = new Array(<%=showpath%>);
var imageNameArray = new Array(<%=showname%>);
var imageWidthArray = new Array();
var imageHeightArray = new Array();
var SHOWINGSTRING='第<FONT color=#5295f2>%slideNum</FONT>/<%=picnum%>张';
var numImgs = <%=picnum%>;
var onlyOneBlog = 1;
var blogName = '';
var begImg = 0;
var arrPreload = new Array();
var SHOWCREATOR=false;
var spd = 2;
var buttonImgPfx = "<%=path%>/images/";
var buttonOnArray = new Array("bt_d_play.gif",
"bt_d_stop.gif",
"bt_d_rwd.gif",
"bt_d_fwd.gif"
);
var buttonOffArray = new Array("bt_u_play.gif",
"bt_u_stop.gif",
"bt_u_rwd.gif",
"bt_u_fwd.gif"
);
var _PRELOADRANGE = 5;
function init()
{
preloadRange(0,_PRELOADRANGE-1);
window.onResize = function()
{
if (isMinNS4) {
var mydir = "/e7cc";
var urlstr = "";
window.open(urlstr, "_top");
}
}
curImg = begImg;
if (curImg < 0 || curImg > numImgs - 1)
curImg = numImgs - 1;
changeSlide();
interval = intervalm;
setTimeout("play()", 4000)
}
//图片点击响应
function event_click()
{
var picid=imageIDsArray[curImg];
alert(picid);
//window.open("<%=path%>/Album/ExPicture.jsp?picid="+picid+"","ShowPicture","fullscreen=1,toolbar=no,resizable=no,menubar=no");
}
// -->
</script>
<script language="Javascript" src="<%=path%>/photoplay.js"></script>
</HEAD>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()">
<table width="540" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" rowspan="5"></td>
<td><table width="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5" height="15"></td>
<td width="60" class="phototitle_2"></td>
<td width="455" height="15"></td>
</tr>
</table></td>
<td width="10" rowspan="5"></td>
</tr>
<tr>
<td align="center" height="375">
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" ID="Table1">
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="520" ID="Table2">
<tr>
<td width="520" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="slideDiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="imgDiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="imgp"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" ID="Table3">
<tr>
<td height="39" align="center" style="padding:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" ID="Table4" background="images/img_tool3.gif">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" align="center"><table width="200" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="18%"><a href="javascript:play()"><img src="<%=path%>/images/bt_d_play.gif" alt ="放映" name="playbtn" border="0" /></a></td>
<td width="18%"><a href="javascript:stop()"><img src="<%=path%>/images/bt_u_stop.gif" alt ="停止" name="stopbtn" border="0" /></a></td>
<td width="18%"><a href="javascript:setButton(0); rewind();"><img src="<%=path%>/images/bt_u_rwd.gif" alt="上一张" name="prevbtn" border= "0" /></a></td>
<td width="18%"><a href="javascript:setButton(1); forward();"><img src="<%=path%>/images/bt_u_fwd.gif" border="0" alt="下一张" name= "fowdbtn" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" style="padding:5px;">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" valign="middle">
<div id="pnumBgDiv">
<div id="pnumDiv"></div>
</div></td>
<td width="35%" valign="top"> 播放速度：
<select name="speedMenu" onchange="changeSpeed(this.selectedIndex);" id="Select1">
<option value="fast">快速</option>
<option value="mid" selected>中速</option>
<option value="slow">慢速</option>
</select> </td>
<td valign="middle"><div id="div2"></div></td>
</tr>
</table> </td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
<tr>
<td colspan="3"><hr/></td>
</tr>
<tr>
<td height="100" colspan="3" valign=middle><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="div1" align="center"></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><hr/></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -