相册增强：使用左右方向键浏览相册图片

voguecn · 发表于 2009-7-29 09:44:19

本帖最后由 voguecn 于 2009-7-29 09:45 编辑

本插件UCH1.5正式版以及UCH2.0版均可使用，只需修改一个文件，增加2段代码。即使是以后的UCH2.0正式版也可正常使用！
附件是左右按键的图片，当然你也可以使用纯文字或者自己PS其它样式的图片替代。
演示图片为英文的！效果是一样的！

演示站点www.fashionincubator.org/space

1 STEP 上传图片
将附件中的图片上传至UCH根目录的Image文件夹中。
2 STEP 修改代码
以默认模板为例，UCH1.5 和 UCH2.0 代码相同，仅仅是添加代码的文件不同。

UCH1.5修改方法
打开 template / default / space_album_pic.htm 文件
1、大概在36行左右位置，找到

<div class="r_option">
<a href="space.php?uid=$pic[uid]&do=album&picid=$pic[picid]&goto=up">revious</a><span class="pipe">|</span>

复制代码

在<div class="r_option">之后添加

使用键盘左右方向键浏览图片(<img src="../space/image/left.gif" />前一张<span class="pipe">|</span>后一张<img src="../space/image/right.gif" />)

复制代码

2、在底部之前添加代码

<script language=javascript>
document.onkeydown=nextpage
var prev= "space.php?uid=$pic[uid]&do=album&picid=$pic[picid]&goto=up#topline";
var next= "space.php?uid=$pic[uid]&do=album&picid=$pic[picid]&goto=down#topline";
function nextpage(event) {
event = event ? event : (window.event ? window.event : null);
if (event.keyCode==37) location=prev
if (event.keyCode==39) location=next
}
</script>

复制代码

UCH2.0修改方法
打开 template / default / space_pic.htm 文件，这里与UCH1.5是不同的。
1、大概在第4行左右位置，找到

<a href="$theurl&goto=up">上一张</a><span class="pipe">|</span>

复制代码

在之前添加

使用键盘左右方向键浏览图片(<img src="../space/image/left.gif" />前一张<span class="pipe">|</span>后一张<img src="../space/image/right.gif" />)

复制代码

2、大概在9-11行，找到

<a href="javascript:;" id="playid" onclick="playNextPic(true);">幻灯播放</a>
<span id="displayNum"></span>
</div>

复制代码

在</div>之后添加代码

<script language=javascript>
document.onkeydown=nextpage
var prev= "space.php?uid=$pic[uid]&do=album&picid=$pic[picid]&goto=up#topline";
var next= "space.php?uid=$pic[uid]&do=album&picid=$pic[picid]&goto=down#topline";
function nextpage(event) {
event = event ? event : (window.event ? window.event : null);
if (event.keyCode==37) location=prev
if (event.keyCode==39) location=next
}
</script>

复制代码

有金币的就丢一个给我吧，里面有我整理的几种不同风格的左右键图片，使用时把文件名改成left.gif和right.gif！免费的里面只有和演示图片一样的样式哦！

voguecn · 发表于 2009-7-29 10:15:58

增加2个最简单的箭头！

wangzenglue · 发表于 2009-7-29 10:19:23

收藏了留作备用

feebird · 发表于 2009-7-29 10:35:57

备用。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

darkfire914 · 发表于 2009-7-29 10:37:51

收藏,留用...............

yifanbest · 发表于 2009-7-29 11:23:41

不错，很使用的插件

lzhflash · 发表于 2009-7-29 12:10:30

收藏备用！

jxgdwdl · 发表于 2009-7-29 13:28:00

恩。。看到了

ishangwg · 发表于 2009-7-29 14:30:58

很实用的东西，谢谢了

1G空间100元 · 发表于 2009-7-29 14:51:10

不错的东西
学习啦

		自动登录	找回密码
密码			立即注册

相册增强：使用左右方向键浏览相册图片

本帖子中包含更多资源

评分

本帖子中包含更多资源