Question

html代码做图片轮播效果问题

<div class="box">
<div class="shop-slider">
<div class="bd">
<div style="WIDTH: 340px; HEIGHT: 175px" class="slider-promo J_Slider tb-slide">
<ul style="HEIGHT: 175px">
<li><a target="_blank">
<img border="0" src="图片1.jpg" width="340" height="175"></a>
</li>
<li>
<a href="" target="_blank">
<img border="0" alt="" src="图片2.jpg" width="340" height="175"></a>
</li>
<li>
<a href="" target="_blank">
<img border="0" alt="" src="图片3.jpg" width="340" height="175"></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
</ul>
</div>
</div>
</div>
</div>
这个代码从别人那复制的，但是在DW中复制进去后图片怎么是单独排列的，菜鸟求教，哪里少了东西了？请高手指教。
只要HTML代码的。
想做个图片轮播的效果，图片上带数字123那种，淘宝不支持JS，CSS也只能使用部分简单的,请高手帮忙~

Answer 1

试试这个图片切换

有12345数字一起切换

鼠标点一下数字会变换到另一张图片，不点就会自动换

里面有教程和源码

Answer 2

去我的百度空间看吧，有全屏轮播，绝对居中，渐变效果，还有全屏店招，悬浮旺旺等等

Answer 3

连同别人那个CSS样式表一并拷贝过来，然后插在你的网页中

Answer 4

你没看到有的DIV上有CLASS么，那个是CSS样式，你光把HTML复制过来了，对应的样式也得跟过来。

Answer 5

在下面加入图片链和图片超链接,,最复上淘宝就成了..我现在就用它的...
<div class="box">
<div class="shop-slider">
<div class="bd">
<div style="WIDTH: 340px; HEIGHT: 175px" class="slider-promo J_Slider tb-slide">
<ul style="HEIGHT: 175px">
<li><a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" src="请在这加入图片的地址" width="340" height="175"></a> </li>
<li>
<a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" alt="" src="请在这加入图片的地址" width="340" height="175"></a> </li>
<li>
<a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" alt="" src="请在这加入图片的地址" width="340" height="175"></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
</ul>
</div>
</div>
</div>
</div>

直接复上去可以用了..如果你想要轮转更多张..那你就多复几行.....如下:
<div class="box">
<div class="shop-slider">
<div class="bd">
<div style="WIDTH: 340px; HEIGHT: 175px" class="slider-promo J_Slider tb-slide">
<ul style="HEIGHT: 175px">
<li><a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" src="请在这加入图片的地址" width="340" height="175"></a> </li>
<li>
<a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" alt="" src="请在这加入图片的地址" width="340" height="175"></a> </li>
<li>
<a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" alt="" src="请在这加入图片的地址" width="340" height="175"></a></li>
<li>
<a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" alt="" src="请在这加入图片的地址" width="340" height="175"></a></li>
<li>
<a href="在这里加入宝贝的超级链接" target="_blank">
<img border="0" alt="" src="请在这加入图片的地址" width="340" height="175"></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</div>
</div>
不明的可以问我..旺旺 野蛮华华
你想修改轮转图片的大小就把..<div style="WIDTH: 340px; HEIGHT: 175px

340是图片图宽..175是高 注意把每一行的都改下同一样的大小.