打印

谁有蓝色理想作品集上面那个左右箭头换图片的JS？

zhangsn [楼主]

中级会员

帖子: 114
体力: 215
威望: 0

1^# 大中小发表于 2008-7-15 09:06

比如：http://case.blueidea.com/works/view/7320/
那个左右绿色箭头换图片，我想做个这样的效果
但是我看了蓝色理想这个代码，两页是分开放的，对于我的网站不太方便
我的是产品图片，有时只有一个产品，有时有10多个产品，我就想，当产品多于5个时，点击箭头翻到下5个图片
图片列表的代码如下
<li><a href="#"><img src="1.gif" /></a></li>
<li><a href="#"><img src="1.gif" /></a></li>
<li><a href="#"><img src="1.gif" /></a></li>
<li><a href="#"><img src="1.gif" /></a></li>
<li><a href="#"><img src="1.gif" /></a></li>
<li><a href="#"><img src="1.gif" /></a></li>

请问应该怎么做呢，大家帮忙，万分感谢！

我看了caiying2007 写的那个按钮拉图组的代码，很不错，但是当只有一个产品时，会显示出两个，会复制，我不想这样。而且当图片数目不是3的倍数时，滚动显示有点问题

QQ派www.qqpai.cn

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

rene1018

xiaohc

高级会员

帖子: 377
体力: 764
威望: 0
当前: 湖北武汉
离线: 10 天

专长 前端制作,.NET,MSSQL

2^# 大中小发表于 2008-7-15 09:08

不做效果的话就用隐藏显示就可以了

英国大学？

TOP

美橙vps独立IP月付189元

zhangsn [楼主]

中级会员

帖子: 114
体力: 215
威望: 0

3^# 大中小发表于 2008-7-15 09:57

能不能提供下代码啊，谢谢了

QQ派www.qqpai.cn

TOP

请大家尊重和保护奥运知识产权。

zhangsn [楼主]

中级会员

帖子: 114
体力: 215
威望: 0

4^# 大中小发表于 2008-7-16 08:43

大家帮帮忙啊

QQ派www.qqpai.cn

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

henter

中级会员

帖子: 200
体力: 389
威望: 0
当前: 湖北武汉
离线: 11 天

专长 平面,PHP,ASP

5^# 大中小发表于 2008-7-16 11:30

<html><HEAD><TITLE>荷花&蜜蜂 - 生态 - 摄影 - 蓝色理想作品库</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gbk">
<META http-equiv=Content-Language content=zh-CN>
<META content=Feng4ever name=Author>
<META content="&copy; 2007 Blueidea Corporation. All rights reserved." name=Copyright>
<META content=蓝色理想，为设计师和开发者提供更好的服务。 name=Description>
<META content="网页, 设计, 作品, 蓝色理想, 设计师, 开发者, 交流, 社区" name=Keywords>
<META content=all name=Robots>
<META content="2008-07-16 11:25:23" name=generatDate><LINK rev=stylesheet href="http://case.blueidea.com/css/generic.css" type=text/css rel=stylesheet>
<SCRIPT language=javascript src="http://case.blueidea.com/js/prototype.js" type=text/javascript></SCRIPT>
<div class="p-0" id="slide" >
			<table cellpadding="0" cellspacing="0" class="s-0 slide" >
		<tr>
		<td width="18" >
				<img src="http://case.blueidea.com/img/common/slide_prev_disable.gif" alt=""/>
	
		</td>
		<td width="644" style="over-flow:hidden;text-align:center" >&nbsp;<a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221809_8821412.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221809_8821412_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221810_1238708.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221810_1238708_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221811_3317871.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221811_3317871_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221812_6665344.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_221812_6665344_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222120_451660.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222120_451660_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222121_1748352.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222121_1748352_t.jpg" alt="" /></a>&nbsp;</td>
		<td width="18">
				<a href="javascript:;" onclick="$('slide').className='p-1'"><img class="arrow" src="http://case.blueidea.com/img/common/slide_next.gif" alt=""/></a>
				</td>
		</tr>
		</table>
			<table cellpadding="0" cellspacing="0" class="s-1 slide" >
		<tr>
		<td width="18" >
				<a href="javascript:;" onclick="$('slide').className='p-0'"><img class="arrow" src="http://case.blueidea.com/img/common/slide_prev.gif" alt=""/></a>
		
		</td>
		<td width="644" style="over-flow:hidden;text-align:center" >&nbsp;<a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222122_5431519.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222122_5431519_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222122_2365417.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222122_2365417_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222702_7848511.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222702_7848511_t.jpg" alt="" /></a><a href="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222703_8317566.jpg"><img src="http://case.blueidea.com/files/2008/07/14/work_577_7320_20080714_222703_8317566_t.jpg" alt="" /></a>&nbsp;</td>
		<td width="18">
				<img src="http://case.blueidea.com/img/common/slide_next_disable.gif" alt=""/>
				</td>
		</tr>
		</table>
	</div>

提示：您可以先修改部分代码再运行

[ 本帖最后由 henter 于 2008-7-16 11:32 编辑 ]

http://zhpan.com.cn/

TOP

zhangsn [楼主]

中级会员

帖子: 114
体力: 215
威望: 0

6^# 大中小发表于 2008-7-16 14:45

楼上的每看我写的文字
谢谢

QQ派www.qqpai.cn

TOP