Mantis的附件图片实现预览/弹出层动画效果预览图片(LightBox2)的完美解决方案[Z]

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

在Mantis的配置文件中，加入此句，将这个值设的很大，就可以直接看到图片

`1`	`$g_preview_attachments_inline_max_size=1000000;`

效果如图

这个方法其实不错，但是有个弊端，小尺寸的图片效果不错，但是大尺寸的图片，可能就还是看不起，还是得下载下来看，

如上图的第三张图片

于是继续探究

在Mantis的配置文件config_inc.php加

`1`	`$g_form_security_validation` `= OFF;`

然后在core\file_api.php文件中，修改一段内容

`1`	`$t_attachment['download_url'] =` `"file_download.php?file_id=$t_id&type=bug&show_inline=1";`

此方法实现的效果就是，点击图片附件，将不会下载，而是直接在本页面预览大图片，基本已经很方便实用了

这个方法我们引入第三方控件，实现更佳酷炫的图片预览效果

1.下载lightbox2 ，地址http://lokeshdhakar.com/projects/lightbox2/

解压js和css两文件夹（其他不用）到mantis根目录下

2.到core\print_api.php下,找到print_bug_attachments_list 方法，在其内部加上

`1`	`echo` `"<script src=\"js/jquery-1.7.2.min.js\"></script>";`

2

`3`	`echo` `"<script src=\"js/jquery-ui-1.8.18.custom.min.js\"></script>";`

4

`5`	`echo` `"<script src=\"js/jquery.smooth-scroll.min.js\"></script>";`

6

`7`	`echo` `"<script src=\"js/lightbox.js\"></script>";`

8

`9`	`echo` `"<link rel=\"stylesheet\" href=\"css/lightbox.css\" type=\"text/css\" media=\"screen\" />";`

（就是使其倒入刚下载的js与css）

3.继续在到core\print_api.php下,找到if ( $t_attachment['can_download'] )，将第一处的a标签最后，加入rel=”lightbox”或者rel=”lightbox[groupname]“，就是这样

`1`	`$t_href_start` `=` `'<a href="'` `. string_attribute(` `$t_attachment['download_url'] ) .` `'" rel="lightbox[group]" >';`

4.再修改一下if ( !$t_attachment['exists'] ) 中的部分内容就更完美了

比如注释掉echo $t_href_start;

`1`	`//echo $t_href_start;`

再将

`1`	`echo` `$t_href_end` `.` `' '` `.` `$t_href_start` `.` `$t_file_display_name` `.` `$t_href_end.` `$t_href_clicket` `.` `' ('` `.` `$t_filesize` `.` `' '` `. lang_get(` `'bytes'` `) .` `') '` `.` `'<span>'` `.` `$t_date_added` `.` `'</span>';`

改成

`1`	`echo` `$t_file_display_name` `.` `$t_href_clicket` `.` `' ('` `.` `$t_filesize` `.` `' '` `. lang_get(` `'bytes'` `) .` `') '` `.` `'<span>'` `.` `$t_date_added` `.` `'</span>';`