找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 6990|回复: 4

这个幻灯片如何修改为模块模板呢

  [复制链接]
发表于 2014-6-25 21:03:44 | 显示全部楼层 |阅读模式
  1. <!-- 幻灯片 S: -->
  2. <div class="hotSlider"><div id="newsSlider">
  3.         <div class="container_s">
  4.         <ul class="slides"><!--图片展示--><li><a href="#" target="_blank"><img src="#" width="280" height="430"alt="【外拍作品】六月芳菲" /><dl><dt><a href="#" target="_blank">【外拍作品】六月芳菲</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="block/87/870e7ff5602b4a85781049c8627ef1bb.jpg" width="280" height="430"alt="【摄影作品】残缺的美" /><dl><dt><a href="#" target="_blank">【摄影作品】残缺的美</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="/block/ec/ec1ca548e36777d0e9d107adc5daae92.jpg" width="280" height="430"alt="禁钓?白鹭洲钓鱼,收获颇丰" /><dl><dt><a href="#" target="_blank">禁钓?白鹭洲钓鱼,收获颇丰</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="/block/9c/9cea189c5689059353369ff16bd550e6.jpg" width="280" height="430"alt="【摄影作品】试着遗忘" /><dl><dt><a href="#" target="_blank">【摄影作品】试着遗忘</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="/block/3b/3b4c2c30da758eb0c69f64d18705bd89.jpg" width="280" height="430"alt="牙齿矫正很靠谱:龅牙妹惊变美女!" /><dl><dt><a href="#" target="_blank">牙齿矫正很靠谱:龅牙妹惊变美女!</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="block/9a/9a26a141f362f0b170db6aa184c66d5b.jpg" width="280" height="430"alt="陈奕迅演惊现假票 多名粉丝被坑" /><dl><dt><a href="#l" target="_blank">陈奕迅演惊现假票 多名粉丝被坑</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="/block/d3/d3cb59bcbae59f49e5aa2185c648642f.jpg" width="280" height="430"alt="【我败我秀】我是包包控" /><dl><dt><a href="#" target="_blank">【我败我秀】我是包包控</dt></dl><p></p></a></li><li><a href="#" target="_blank"><img src="/block/9b/9bf9ad62afc50ab06aaaa1134d7537e8.jpg" width="280" height="430"alt="【婚纱秀】“世界杯”主题的婚纱照" /><dl><dt><a href="#" target="_blank">【婚纱秀】“世界杯”主题的婚纱照</dt></dl><p></p></a></li></ul>
  5.         </div>
  6.         <ul class="pagination"><li><a rel="1" href="javascript:;">1</a></li><li><a rel="2" href="javascript:;">2</a></li><li><a rel="3" href="javascript:;">3</a></li><li><a rel="4" href="javascript:;">4</a></li><li><a rel="5" href="javascript:;">5</a></li><li><a rel="6" href="javascript:;">6</a></li><li><a rel="7" href="javascript:;">7</a></li><li><a rel="8" href="javascript:;">8</a></li></ul>
  7. </div></div>
  8. <!-- 幻灯片 :E -->
复制代码




回复

使用道具 举报

发表于 2014-6-25 22:53:59 | 显示全部楼层
将数据展示条数改为8条模板如下
  1. <!-- 幻灯片 S: -->
  2. <div class="hotSlider"><div id="newsSlider">
  3.         <div class="container_s">
  4.         <ul class="slides"><!--图片展示-->
  5.                 [loop]
  6.                 <li>
  7.                 <a href="#" target="_blank">
  8.                 <img src="{pic}" width="280" height="430"alt="{title}" />
  9.                 </a>
  10.                 <dl>
  11.                         <dt>
  12.                         <a href="{url}" target="_blank">{title}</a>
  13.                         </dt>
  14.                 </dl>
  15.                 </li>
  16.                 [/loop]
  17.                 </ul>
  18.         </div>
  19.         <ul class="pagination"><li><a rel="1" href="javascript:;">1</a></li><li><a rel="2" href="javascript:;">2</a></li><li><a rel="3" href="javascript:;">3</a></li><li><a rel="4" href="javascript:;">4</a></li><li><a rel="5" href="javascript:;">5</a></li><li><a rel="6" href="javascript:;">6</a></li><li><a rel="7" href="javascript:;">7</a></li><li><a rel="8" href="javascript:;">8</a></li></ul>
  20. </div></div>
  21. <!-- 幻灯片 :E -->
复制代码




回复

使用道具 举报

 楼主| 发表于 2014-6-26 08:36:10 | 显示全部楼层
admin 发表于 2014-6-25 22:53
将数据展示条数改为8条模板如下

图片显示不出来啊!
1.jpg 2.jpg

回复

使用道具 举报

发表于 2014-6-26 10:17:21 | 显示全部楼层
漳州小猪网 发表于 2014-6-26 00:36
图片显示不出来啊!

你的代码加载哪里的?还有你这个应该要加载js、css的!配合才可以使用!
回复

使用道具 举报

 楼主| 发表于 2014-6-26 10:58:18 | 显示全部楼层
admin 发表于 2014-6-26 10:17
你的代码加载哪里的?还有你这个应该要加载js、css的!配合才可以使用!

代码加载在模块模板
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|Discuz代码分析|Discuz目录结构|DZ起点网 ( 蜀ICP备13000518号-15 )

GMT+8, 2024-12-24 20:11 , Processed in 0.056434 second(s), 24 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表