上午看到有网友提到图片系统显示方式比较单一的问题,想到有个图像播放器的标签的。想想就尝试调用一下{$GetPictureByPlayer}这个标签,显示出来效果确实和幻灯片一样,只是感觉界面不太好看。查看原代码想找到修改路径,结果找半天也就找到个ImagePlayer.JS,这个是显示效果的代码,没太多需要改动的地方,和界面样式全然没关系。不知道哪位达人比较熟悉这块的,虽然我不用图片系统的,但多少搞清楚一下。以下把前台显示出来的原代码贴出来,这是调用该标签后前台内容页面中所显示的,非我所做样式设计。不难看出都是用框架的,现在基本都用CSS了,这种框架代码多,不易管理。希望官方技术人员有时间的话也出面帮忙解答一下。
<table border="0" width="100%" height="470" align="center" cellpadding="0" cellspacing="0" class="ImagePlayerArea">
<tr>
<td colspan="3">
<div id="slideDiv"style="POSITION: relative">
<div id="imgDiv" style="overflow: auto;height:430; LEFT: 0px; WIDTH: 100%; CLIP: rect(0px 100% 100% 0px); POSITION: absolute; TOP: 0px; " align="center">
<div id="imgp" style="WIDTH: 100%;" align="center"></div>
</div>
</div></td>
</tr>
<tr>
<td height="100%" colspan="3"></td>
</tr>
<tr>
<td width="450" height="39" background="/Images/Default/img_tool1.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="div0" style="font-family: '宋体'; font-size: 12px; line-height: 15pt">
<td width="30%" align="center" valign="top" id="pnumDiv"></td>
<td width="35%" valign="top"> 播放速度:
<select name="speedMenu" onchange="changeSpeed(this.selectedIndex);">
<option value="fast">快速</option>
<option value="mid" selected>中速</option>
<option value="slow">慢速</option>
</select></td>
<td valign="top" id="div2"></td>
</tr>
</table></td>
<td width="62" valign="top"><img src="/Images/Default/img_tool2.jpg" width="62" height="39" /></td>
<td background="/Images/Default/img_tool3.jpg" width=270>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td> </td>
<td width="18%"><a href="javascript:play()"><img src="/Images/Default/bt_d_play.jpg" alt="放映" name="playbtn" border="0" /></a></td>
<td width="18%"><a href="javascript:stop()"><img src="/Images/Default/bt_u_stop.jpg" alt="停止" name="stopbtn" border="0" /></a></td>
<td width="18%"><a href="javascript:setButton(0); rewind();"><img src="/Images/Default/bt_u_rwd.jpg" alt="上一张" name="prevbtn" border="0" /></a></td>
<td width="18%"><a href="javascript:setButton(1); forward();"><img src="/Images/Default/bt_u_fwd.jpg" border="0" alt="下一张" name="fowdbtn" /></a></td>
<td> </td>
</tr>
</table></td>
</tr>
<table>
<table border="0" align="center" height="90" width="100%" cellpadding="0" cellspacing="0" class="PlayerImagesList">
<tr>
<td height="80" colspan="3" valign=bottom bgcolor="#EDF0F5" id="div1"></td>
</tr>
</table>