织梦CMS默认的图片滚动代码

• 

  Sublime Text(代码编辑器)

  Sublime Text3(代码编辑器)是一款非常实用的码编辑器,是一个轻量,简洁,高效,跨平台的编辑器,面设置非常人性化,左边是代码缩略图,右边是代码区域,你可以在左边的代码缩略图区域轻松定位程序代码的位置,高亮色彩功能非常方便编程工作。

  2018-05-1418.03 MB简体中文19829

  立即下载

需要的JS文件，织梦默认的图片滚动需要2个JS文件，一个是CMS目录下images/js/j.js 另一个是模板目录下js/pic_scroll.js

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/j.js" ></script>
<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/pic_scroll.js"></script>

必须的HTML代码

{dede:arclist row=10 orderby=pubdate type="image." imgwidth="143" imgheight="106"}[field:image/][field:title/]{/dede:arclist}

以上是织梦默认的图片滚动必要的代码，一个都不能少！其中类选择器infiniteCarousel控制滚动框的大小，在网页中它的子元素会多出2行代码，分别代表向左滚动和向右滚动。

<>

必须的CSS代码

.infiniteCarousel{
width:600px;
height:200px;
border:3px solid #999;
}
.infiniteCarousel .wrapper{
width:600px;
}
li{
float:left;
}

外框必须是固定宽度，列表必须是浮动,浮动列表之间用padding值，不要使用margin值，否则不容易对齐。需要注意的是在IE6中内容会自动把外框撑大，所以还要给.wrapper定义宽度。