寂寞轩图片横向滚动DIY，DZX2.0最新插件

hurq · 发表于 2011-8-15 15:00:33

寂寞轩图片横向滚动DIY，DZX2.0最新插件

支持网站：寂寞轩听寂寞在唱歌

演示地址：http://www.jimox.com/

主题分类演示：http://www.jimox.com/forum-48-1.html
帖子内演示：http://www.jimox.com/forum.php?mod=viewthread&tid=65900

图片演示：

带方向图片连续滑动使用方法：

1、后台门户－模块管理－添加附件模块

2、取名称“带方向图片连续滚动”

3、粘贴如下代码：

<div class="module cl">
<table align="center" border="0" width="940" cellspacing="0" cellpadding="0">
<tr>
<td width="11"><img id="r_l"src="static/image/common/panpanluo_button_l.gif">
</td>
<td>
<TABLE cellSpacing=0 cellPadding=0 width=916 border=0>
<TBODY>
<TR>
<TD vAlign=top background="">
<TABLE cellSpacing=0 cellPadding=0 width=916 border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle >
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 916px; COLOR: #ffffff; ">
<TABLE cellPadding=0 width="100%" align=left border=0
cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=1 cellPadding=1>
<TBODY>
<TR vAlign=top>
<TD vAlign=top noWrap>
<DIV align=right>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
[loop]
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 width=120
align=center border=0>
<TBODY>
<TR>
<TD align=middle >
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
</TD></TR>
<TR>
<TD class=nav1 align=middle ><A
class=apm2
href="{url}" title="{title}"{target}>{title}</A></TD></TR></TBODY></TABLE></TD>
[/loop] </TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 width="0"></TD>
</TR></TBODY></TABLE></DIV>
<SCRIPT>
var dir=1//每步移动像素，数大为快
var speed=1//循环周期（毫秒）数大为慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){//正常移动
//alert(demo2.offsetWidth+"\n"+demo.scrollLeft)
if (dir>0 && (demo2.offsetWidth-demo.scrollLeft)<=0) demo.scrollLeft=0
if (dir<0 &&(demo.scrollLeft<=0)) demo.scrollLeft=demo2.offsetWidth
demo.scrollLeft+=dir
demo.onmouseover=function() {clearInterval(MyMar)}//暂停移动
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//继续移动
}
function r_left(){if (dir=-1)dir=1}//换向左移
function r_right(){if (dir=1)dir=-1}//换向右移
var MyMar=setInterval(Marquee,speed)
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</td>
<td width="11"><img id="r_r" src="static/image/common/panpanluo_button_r.gif">
</td>
</tr>
</table></div>

复制代码

4、前台DIY:

拉一个100%框架，插入帖子模块，数据来源选帖子；标题长度填写：16
主题方式调用：选是则每个主题1张图片，选否调用每个主题的多张图片

显示条数：10 （要显示多少图片自己看着办）
显示样式：选下拉菜单里"带方向图片连续滚动"。
缩略图宽度：108
缩略图高度：87
模块样式中内边距：上 0px 右 0px 下 0px 左 -15px

以上数字根据论坛情况自己调节。
保存收工

箭头图片

把附件用ftp上传到：/static/image/common/
目录下

箭头图片以及DIY导入下载
你要在列表分类导入和帖子主题导入
看你的需要
下载地址
寂寞轩图片横向滚动DIY，DZX2.0最新插件
http://www.jimox.com/forum.php?mod=viewthread&tid=65900&fromuid=1

Ηa℃kＴj · 发表于 2011-8-15 15:01:57

支持下，挺不错的

风.行者 · 发表于 2011-8-15 15:10:23

sonpyy · 发表于 2011-8-15 15:39:54

收藏了

fujiulong · 发表于 2011-8-15 15:45:47

不错啊，这个N！

my0725 · 发表于 2011-8-15 16:03:12

没有问题，坚决支持

www.0825zhuang.com www.jianfei7.com www.picaa.cn

平(⊙o⊙)凡 · 发表于 2011-8-15 16:21:18

liangtluo · 发表于 2011-8-15 17:09:13

好东西，正需要。

yzb2004yzb · 发表于 2011-8-15 18:28:31

好东西，正需要。

逝水 · 发表于 2011-8-15 21:24:33

不错留个记号~~

		自动登录	找回密码
密码			立即注册

[修改] 寂寞轩图片横向滚动DIY，DZX2.0最新插件

本帖子中包含更多资源

评分