立即註冊  找回密码

QQ登录

只需一步,快速开始

开启辅助访问 切换到宽版

東里論壇

搜索
查看: 6051|回复: 0

[使用心得] Discuz!帖子中图片的左右旋转及去掉下载图片

[复制链接]

335

主题

486

帖子

3089

积分

管理員

Rank: 9Rank: 9Rank: 9

积分
3089
发表于 2017-10-28 03:48:18 |阅读模式
在打开带有图片的Discuz!帖子时,Discuz!自带一个旋转函数,不过一般人没注意到。默认模板中,如果上传了图片并且不插入帖子中(以附件的形式上传也是一样的),则帖子中会显示图片文件名,将将鼠标放在此文件名上面,就会出现一个浮窗,上面就有左右旋转的按钮,我们要做的,就是移植一下,让旋转功能图片插入帖子时也能用。

打开/template/default/forum/discuzcode.htm,在:
  1. <div class="xs0">
复制代码
后面添加:
  1.                                         <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 1)" title="左旋转"><img src="{STATICURL}image/common/rleft.gif" class="vm" /></a>
  2.                                         <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),则不能生效,待研究。

如果想去掉浮窗中“下载图片”的提示,删除:
  1. <a href="forum.php?mod=attachment{$is_archive}&aid=$aidencode&nothumb=yes" target="_blank">{lang download}</a>
复制代码
即可。

如果只上传图片(或作为附件上传也是一样的),而没有插入到帖子中,则只有在鼠标放置到附件名上面时才有浮窗,可以如果想让图片未插入帖子时,鼠标上图片上也有浮窗提示,并可以左右旋转,则找到:
  1.                                                 <div class="tip tip_4" id="aid$attach[aid]_menu" style="display: none" disautofocus="true">
  2.                                                         <div>
  3.                                                                 <p>
  4.                                                                         <a href="forum.php?mod=attachment{$is_archive}&aid=$aidencode&nothumb=yes" target="_blank">{lang download}</a>
  5.                                                                         <!--{if helper_access::check_module('album')}-->
  6.                                                                                 &nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_$attach[aid]" url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=$attach[aid]&amp;handlekey=savephoto_$attach[aid]">{lang save_to_album}</a>
  7.                                                                         <!--{/if}-->
  8.                                                                         <!--{if $firstpost && $_G['fid'] && $_G['forum']['picstyle'] && ($_G['forum']['ismoderator'] || $_G['uid'] == $attach['uid'])}-->
  9.                                                                                 &nbsp;<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>
  10.                                                                         <!--{/if}-->
  11.                                                                 </p>
  12.                                                                 <p>
  13.                                                                         <span class="y">$attach[dateline] {lang upload}</span>
  14.                                                                         <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 1)"><img src="{STATICURL}image/common/rleft.gif" class="vm" /></a>
  15.                                                                         <a href="javascript:;" onclick="imageRotate('aimg_$attach[aid]', 2)"><img src="{STATICURL}image/common/rright.gif" class="vm" /></a>
  16.                                                                 </p>
  17.                                                         </div>
  18.                                                         <div class="tip_horn"></div>
  19.                                                 </div>
复制代码
将“id="aid$attach[aid]_menu"”改成“id="aimg_$attach[aid]_menu"”,或直接将以上一段改ID后做为增加的代码放在后面,同样可以删除修改后代码中的“下载图片”的提示。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即註冊

本版积分规则

QQ|网站地图|小黑屋|Archiver|東里論壇 ( 粤ICP备14015598号 ) 公安备案图标粤公网安备 44512202000019号
GMT+8, 2024-11-22 16:55 , Processed in 0.095690 second(s), 46 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.