|
发表于 2017-10-28 03:48:18
|阅读模式
在打开带有图片的Discuz!帖子时,Discuz!自带一个旋转函数,不过一般人没注意到。默认模板中,如果上传了图片并且不插入帖子中(以附件的形式上传也是一样的),则帖子中会显示图片文件名,将将鼠标放在此文件名上面,就会出现一个浮窗,上面就有左右旋转的按钮,我们要做的,就是移植一下,让旋转功能图片插入帖子时也能用。
打开/template/default/forum/discuzcode.htm,在:后面添加:
- <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 1)" title="左旋转"><img src="{STATICURL}image/common/rleft.gif" class="vm" /></a>
- <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 2)" title="右旋转"><img src="{STATICURL}image/common/rright.gif" class="vm" /></a>
复制代码
以上代码只在打开帖子页时生交,如果点图片,以浮窗形式看图(关键文件是/static/js/common_extra.js),则不能生效,待研究。
如果想去掉浮窗中“下载图片”的提示,删除:- <a href="forum.php?mod=attachment{$is_archive}&aid=$aidencode¬humb=yes" target="_blank">{lang download}</a>
复制代码 即可。
如果只上传图片(或作为附件上传也是一样的),而没有插入到帖子中,则只有在鼠标放置到附件名上面时才有浮窗,可以如果想让图片未插入帖子时,鼠标上图片上也有浮窗提示,并可以左右旋转,则找到:- <div class="tip tip_4" id="aid$attach[aid]_menu" style="display: none" disautofocus="true">
- <div>
- <p>
- <a href="forum.php?mod=attachment{$is_archive}&aid=$aidencode¬humb=yes" target="_blank">{lang download}</a>
- <!--{if helper_access::check_module('album')}-->
- <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_$attach[aid]" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=$attach[aid]&handlekey=savephoto_$attach[aid]">{lang save_to_album}</a>
- <!--{/if}-->
- <!--{if $firstpost && $_G['fid'] && $_G['forum']['picstyle'] && ($_G['forum']['ismoderator'] || $_G['uid'] == $attach['uid'])}-->
- <a href="forum.php?mod=ajax&action=setthreadcover&aid=$attach[aid]&fid=$_G[fid]" onclick="showWindow('setcover{$attach[aid]}', this.href)">{lang set_cover}</a>
- <!--{/if}-->
- </p>
- <p>
- <span class="y">$attach[dateline] {lang upload}</span>
- <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 1)"><img src="{STATICURL}image/common/rleft.gif" class="vm" /></a>
- <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 2)"><img src="{STATICURL}image/common/rright.gif" class="vm" /></a>
- </p>
- </div>
- <div class="tip_horn"></div>
- </div>
复制代码 将“id="aid$attach[aid]_menu"”改成“id="aimg_$attach[aid]_menu"”,或直接将以上一段改ID后做为增加的代码放在后面,同样可以删除修改后代码中的“下载图片”的提示。 |
|