Question

悬赏20分！dreamweaver怎么实现图片轮播效果，有知道的大虾们请指教。。。。

Answer 1

在代码里面添加特效代码。

第一种格式
<li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址"></A>
<li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址."></A>
<li style="DISPLAY: block"><图片地址" target=_blank><img alt="" src="图片地址"></A>
<li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址"></A>
<li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址"></A></li></ul><ul class=lst-trigger>
<li style="BACKGROUND: #c00">1
<li class=current>2
<li>3
<li>4
<li>5</li></ul></DIV><图片地址">

第二中，添加下面的代码（属于简单的）：
<td rowSpan=7（自己可改次数） width=426（自己可修改）><IMG style="DISPLAY: block" id=pic3 src="<td rowSpan=7 width=426><IMG style="DISPLAY: block" id=pic3 src="图片地址"> <IMG style="DISPLAY: none" id=pic1 src="image/class1-3.jpg"> <IMG style="DISPLAY: none" id=pic2 src="image/class1-1.jpg"> <IMG style="DISPLAY: none" id=pic4 src="image/class1-4.jpg"> <IMG style="DISPLAY: none" id=pic5 src="image/class1-5.jpg"></td>

这里面是图片地址是举个例子的：src="image/class1-5.jpg" （引号之间的）根据自己图片的地址加以修改就可以。

说白了就是在图片的前后加上需要的特效代码就好，让图片滚动的代码就是：
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滚动的图片地址1">

<img border="0" src=" http://要滚动的图片地址2">

</marquee>

这是最基础的代码。

还有一种就是特效了
<ul>
<li id="h1"><a href="javascript:void(0);"><span>1</span></a></li>
<li id="h2"><a href="javascript:void(0);"><span>2</span></a></li>
<li id="h3"><a href="javascript:void(0);"><span>3</span></a></li>
<li id="h4"><a href="javascript:void(0);"><span>4</span></a></li>
<li id="h5"><a href="javascript:void(0);"><span>5</span></a></li>
</ul>
<div id="h1_body"></div>
<div id="h2_body"></div>
<div id="h3_body"></div>
<div id="h4_body"></div>
<div id="h5_body"></div>
</div>

js代码:

var p_idx=0;
function Photo(path,title,url){
this.Path=path;
this.Title=title;
this.URL=url;
}
var photos=[new Photo('SpeakerPhoto/123.jpg','Liu Changchun',213.aspx'),""];//图片用，分割
$(function(){
GetPhoto(0,4,$("#h1_body"));
GetPhoto(4,4,$("#h2_body"));
GetPhoto(8,4,$("#h3_body"));
GetPhoto(12,4,$("#h4_body"));
GetPhoto(16,2,$("#h5_body"));
});
function GetPhoto(inx,num,box)
{
for(var i=0;i<num;i++)
{
$(box).append('<a href="'+photos[inx].URL+'"><img src="'+photos[inx].Path+'" title="'+photos[inx].Title+'" /></a>');
inx++;
}
}
function GetSinglePhoto(inx)
{
document.write('<img src="'+photos[inx].Path+'" title="'+photos[inx].Title+'" />');
}

不知道你需要哪一种？