emlog highslide插件

2.2.0版

支持emlog pro版本,不再依赖jquery

相关说明:

1、支持多种图片格式(jpg,gif,png,jpeg,bmp)
2、去掉了只支持博客自身上传图片有效果的限制,链接到外部图片也可以实现同等的效果
3、也就是说只要是链接到某张图片都会有效果,即使只是个文字链接。

效果如下:

 

点击查看效果:jpg格式

点击查看效果:bmp格式

点击查看效果:png格式

点击查看效果:jpeg格式

点击查看效果:gif格式

以上图片均来自网络找到的各种格式的洛奇图片,借此纪念一下曾经的洛奇游戏生涯。

升级1.1.0后默认模板下不好用问题解决

修改content/templates/default/js/common_tpl.js文件注释掉这三行:

 $(".markdown img").attr("data-action","zoom")  // 为摘要、文章、页面中图片添加“查看大图”
                        .parent().removeAttr("href")
                        .parent("p").css("text-align","center")

修改后为:

var myBlog = {
    /**
     * 初始化
     */
    init : function(){
      this.tocAnalyse()  // toc目录生成
      if ($("#comment-info").length == 0) {  // 大屏幕登录状态,评论框下两角变圆角 
        $(".commentform #comment").css("height","140px")
                                  .css('border-radius', '10px')
      }
      /*$(".markdown img").attr("data-action","zoom")  // 为摘要、文章、页面中图片添加“查看大图”
                        .parent().removeAttr("href")
                        .parent("p").css("text-align","center")*/
      $("#commentform").attr("onsubmit","return myBlog.comSubmitTip()")  // 评论提交在表单验证未通过的情况下是不能提交的
    },

KLLER 发布于 2021-8-29 16:00

链接

搜索

统计