joomla中文版交流,joomla模板,教程,SEO,模板设计,安装,模块组件定制, 下载,汉化,中文语言包,中文手册,joomla乱码,joomla问题

以 "改造mod_latestnews的输出样式之一" 为基础, 这次将他改造成 滚动图片, 思路很简单, 图片有了, 我们可以利用marquee标签可以很容易的让他滚动起来.   基础结构为:

<marquee behavior="scroll" direction="up"  height="120" width="150" >
<img src="..."><img src="...">
</marquee>

当然,这个是有点缺陷,就是滚动的时候会间断, 所以我用到了SCRIPT 来处理他,把图片罗列两次,在视觉上就不会有间断的情形了.

在xml文件的在</params>的上一行加上定义滚动图片的框架的宽和高:

  <param name="divwidth" type="text" default="150px" label="容器宽度"  />
  <param name="divheight" type="text" default="120px" label="容器高度" />

在php文件的$imagewidth = intval($params->get('imagewidth', 0)) ;下面增加:

$divwidth   = trim( $params->get( 'divwidth' ) );
$divheight   = trim( $params->get( 'divheight' ) );

取得定义的值.

将原 <div 标签 及属性内容替换为:

<div id=demo style="overflow: hidden; width: <?php echo $divwidth; ?>;
 height: <?php echo $divheight; ?>;" align="center" class="<?php echo $moduleclass_sfx; ?>">
<table cellPadding="0" align="center" border="0" cellspace="0"><tbody><tr>
<td id="demo1" vAlign="top" height="150">

将 $image = explode("|", $row->images) ; 下面的 echo 里的<br> 和标题 '. $row->title' 去掉,因为是单纯的滚动图片了.当然这个标题可以放在  图片的 alt 属性值里.

接着我们在 ?> 下面增加:

</td><td id=demo2 vAlign="top" height="<?php echo $divheight; ?>"></td></tr></tbody></table></div>
<SCRIPT>
var speed=20
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</SCRIPT>

这样就完成了. 如果你既需要这个也需要mod_latestnews,那就在改名吧, 我改成了mod_latestnewspicscroller ;方法同 该造之一. 打包就可以安装使用了.

你也可以下载我做好的.

如果你是 mambo 用户,而想使用这个的话,需要修改 php文件的两个地方[以我制作的文件为基础]

在14行前增加 // 改变为:

//ullDate = $database->getNullDate();

将21,22行中的

$nullDate

更改为:

0000-00-00 00:00:00

就可以了.