收藏本站腾讯微博新浪微博

邮件列表客服QQ 800003860 切换到窄版

蓝色理想最新研发动态 新增登录提醒插件 - 用至我的站点 地图任务一定要做 - 给官方提建议

论坛活动及任务 地图和邮件任务请多用悬赏提问 热夏来袭，选一款蓝色理想的个性T恤吧！

MIUI手机主题设计大赛，奔驰大奖等你拿！ 想加薪？！蓝色理想招聘提供你更多机会 悬赏答疑，赚取积分兑奖品！

经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 求一个图片自动轮播图，可以左右点击

查看: 240|回复: 10

求一个图片自动轮播图，可以左右点击 [复制链接]

glelaine　楼主

初级会员 

帖子: 44
体力: 177
威望: 0
居住地: 上海市浦东新区

发表于 2012-5-5 12:46:05 |显示全部楼层

求一个图片自动轮播图，可以左右点击，用jQuery是不是更简便一点，思路不是很清晰，，求指教小女子谢过了

附件: 你需要登录才可以下载或查看附件。没有帐号？注册 

西部数码云主机4G内存500G仅需423元

使用道具举报

zhangrongxi5　

中级会员 

帖子: 66
体力: 224
威望: 0
居住地: 黑龙江省哈尔滨市

发表于 2012-5-5 15:54:46 |显示全部楼层

懒人图库上有的事自己选吧

租服务器，上51IDC

使用道具举报

中级会员 

帖子: 30
体力: 248
威望: 0
居住地: 山东省青岛市

发表于 2012-5-5 15:59:41 |显示全部楼层

这是以前写的，应该符合你的要求，思路什么的看看代码
http://bbs.blueidea.com/thread-3043502-1-1.html

使用道具举报

新手上路 

帖子: 5
体力: 12
威望: 0
居住地: 北京市昌平区

发表于 2012-5-7 15:01:48 |显示全部楼层

jquary有个插件

jcarousellite_1.0.1.js

页面中只需添加2句代码

使用道具举报

我是飘哥

银牌会员 

帖子: 1679
体力: 2531
威望: 0
居住地: 广东省珠海市

发表于 2012-5-7 16:17:13 |显示全部楼层

试试这个，用的话自己整理一下。

附件: 你需要登录才可以下载或查看附件。没有帐号？注册 

使用道具举报

金牌会员 

帖子: 133
体力: 3309
威望: 0

发表于 2012-5-7 16:37:58 |显示全部楼层

本帖最后由 qp3db 于 2012-5-7 16:39 编辑

自己写的简单的JQuery焦点图。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script src="JQuery.mythShow.1.js"></script>
</head>
<style>
/*自定义样式*/
* {margin:0px;padding:0px;list-style-type:none;font-size:11px;font-family:arial, "Microsoft Yahei", "宋体"}
body {padding:50px;}
</style>
<body>
<div id="htmlShow">
<img src="show/1.jpg" spry:default="title1" spry:content="content1" spry:choose="#" />
<img src="show/2.jpg" spry:default="title2" spry:content="content2" spry:choose="#" />
<img src="show/3.jpg" spry:default="title3" spry:content="content3" spry:choose="#" />
<img src="show/4.jpg" spry:default="title4" spry:content="content4" spry:choose="#" />
<img src="show/5.jpg" spry:default="title5" spry:content="content5" spry:choose="#" />
</div>
<script>
$(document).mythShow("#htmlShow",700,400); //ID 宽高
//spry:default 标题
//spry:content 简要信息
//spry:choose 连接地址
</script>
</body>
</html>

复制代码

附件: 你需要登录才可以下载或查看附件。没有帐号？注册 

qp3db.com
80After官方网站

使用道具举报

glelaine　楼主

初级会员 

帖子: 44
体力: 177
威望: 0
居住地: 上海市浦东新区

发表于 2012-5-7 20:13:45 |显示全部楼层

效果是不错，但是想不加载jquery库的，结构如<DIV><SPAN CLASS="PREV"></SPAN><DIV><A><IMG SRC="" /></A></DIV><SPAN CLASS="NEXT"></SPAN></DIV>,希望高手能发个精简一点的代码.....谢谢了

使用道具举报

chenwei921125　

2号领导

高级会员 

帖子: 69
体力: 519
威望: 0
居住地: 江西省南昌市

发表于 2012-5-7 23:23:06 |显示全部楼层

图片无缝滚滚滚滚滚滚动~
http://bbs.blueidea.com/thread-3058555-1-1.html
以前写的

你听我说，要好好学着去生活！

使用道具举报

设计我的

中级会员 

帖子: 66
体力: 311
威望: 0
居住地: 北京市昌平区

发表于 2012-5-8 00:08:57 |显示全部楼层

http://www.sj5d.com/search.php?m ... amp;kw=%B9%F6%B6%AF

这里，有一堆，你自己看看，哪个适合你，有table的，也有div+css的

使用道具举报

初级会员 

帖子: 44
体力: 126
威望: 0

发表于 2012-5-8 09:03:04 |显示全部楼层

jcarousellite_1.0.1.js

这个插件很强大也很易用 ··容易上手

使用道具举报

glelaine　楼主

初级会员 

帖子: 44
体力: 177
威望: 0
居住地: 上海市浦东新区

发表于 2012-5-8 09:24:38 |显示全部楼层

只是一个小页面我想再加个库文件，

使用道具举报

Archiver|手机版|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-5-22 17:35 , Processed in 0.094643 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部