JQ插件Galleria的几处修改

谈不上优化,主要是改了几点为了更好的适应需求。

 

1.修改文件加载方式,默认为一次性加载,图多了会卡,改为点只加载下一页

1.jpg

大小: 68.63 K
尺寸:  x 
浏览: 46 次
点击打开新窗口浏览全图

修改后的代码调用稍微有点变化就是img标签没有src,如下:

 

        <div id="galleria">
        	 
             {dede:productimagelist}
              <a href='[field:linkurl/]' >
                  <img image='[field:imgsrc/]' thumb='[field:imgsrc function="thumbImg(137,0,@me)"/]' title="[field:text/]" border='0' />
                </a>
                <a href='[field:linkurl/]' >
                	[field:title /]
                </a>
             {/dede:productimagelist}
        </div>

 

2.在图读取到最后一页,或最始一页后不再循环播放而是跳到下一篇文章 或上一篇文章,没有内容跳到栏目页

2.jpg

大小: 136.5 K
尺寸:  x 
浏览: 42 次
点击打开新窗口浏览全图

这个需要在Galleria的JS加载前增加两个合局变量

 

<script>
//图集上下文章切换
var prev_url = '{dede:prenexturl  get='pre' /}';
var next_url = '{dede:prenexturl  get='next' /}';
</script>

默认系统是只有prenext标签的,prenexturl是根据此标签改造的,只返回一个url,改造过程不复杂,就不啰嗦了。

 

其它Galleria使用方法就参考官网手册http://galleria.io/docs/就可以了。

 

效果预览:http://www.mengxiang.org/shijue/lvyou/17995.html

 

修改过的文件

galleria-1.2.5.js

Tags: jq插件 , galleria

上一篇: 正则表达式语法   下一篇: JQ插件slides的修改加快图片速度

提交疑问

回顶部