本文转自:羽中大佬https://www.yzmb.me/archives/net/highslide-for-typecho


插件下载

点击查看 先放链接:`http://blog.diego.plus:2000/usr/uploads/2020/04/481870875.zip`

使用指南

弹窗实现

<a href="https://yzmb-1252422232.file.myqcloud.com/usr/uploads/highslide/young_life.jpg" title="小图链大图">
<img src="https://yzmb-1252422232.file.myqcloud.com/usr/uploads/highslide/young_life_s.jpg" alt="图片链接" />
</a>
<a href="https://yzmb-1252422232.file.myqcloud.com/usr/uploads/highslide/young_life.jpg" title="文字链大图">
文字链接
</a>

附件图片裁剪

裁剪

相册*(手动高光)*

插件启用后会在数据库新增一行typecho_gallery并在管理菜单内添加独立面板入口如下:
窗口
通过面板右上方的预览区域可以方便地进行图片上传与缩略图截取操作,然后填写各项信息录入左侧列表。其中图片名称用于后台标识,描述则可以在前台显示。录入完毕后即可在页面内容里写入[GALLERY-相册组数字]发布显示。默认每个相册组第一张图片为封面,可通过拖拽调整排序。多个相册支持[GALLERY-数字,数字,...](半角逗号隔开)形式联合输出,方便横排显示和加速解析。
我的相册老司机专用(doge)

html弹窗标签

<hs id="pop1" text="点我看MM" title="窗中窗效果演示" width="500" height="310">
    <div style="text-align:center;">
        <span style="color:#666;font-weight:bold;">点击下图换MM</span>
        <a href="https://yzmb-1252422232.file.myqcloud.com/usr/uploads/highslide/mm2.gif" title="">
            <img src="https://yzmb-1252422232.file.myqcloud.com/usr/uploads/highslide/mm1.gif" alt="" />
        </a>
    </div>
</hs>
<hs text="点我看演示" ajax="http://www.yzmb.me/links.html#comments" title="“LINK有情”页面评论区" height="600">
ajax模式调用目标页面做弹窗内容,故此处文字不会显示。
</hs>