那位大神帮忙写一个简单的图片滑动的代码，只要实现点一下数字就换一张图片的效果

SmallerRui 2013-10-10 09:36:44
如题，尽可能的简单，少用js代码，在线求答案。。
...全文
11312 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
nokia_panda 2013-10-10
  • 打赏
  • 举报
 回复
引用 11 楼 jhjhy123 的回复:
[quote=引用 10 楼 nokia_panda 的回复:] [quote=引用 9 楼 rui888 的回复:] 你把js 和 图片路径都该了就可以了。
有个相对链接忘记了给楼主替换。。。 楼上的代码已经正确了，离线试用的话 图片换成你的 另外需要把jquery.min.js和jquery.sudoSlider.min.js2个javascript文件保存在本地。[/quote] 感谢您的回答，那个jquery.min.js我已经下载下来保存了，可是那个jquery.sudoSlider.min.js去哪下载啊，能给个地址吗？[/quote] 上面有啊： http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js
SmallerRui 2013-10-10
  • 打赏
  • 举报
 回复
引用 10 楼 nokia_panda 的回复:
[quote=引用 9 楼 rui888 的回复:] 你把js 和 图片路径都该了就可以了。
有个相对链接忘记了给楼主替换。。。 楼上的代码已经正确了，离线试用的话 图片换成你的 另外需要把jquery.min.js和jquery.sudoSlider.min.js2个javascript文件保存在本地。[/quote] 感谢您的回答，那个jquery.min.js我已经下载下来保存了，可是那个jquery.sudoSlider.min.js去哪下载啊，能给个地址吗？
nokia_panda 2013-10-10
  • 打赏
  • 举报
 回复
引用 9 楼 rui888 的回复:
你把js 和 图片路径都该了就可以了。
有个相对链接忘记了给楼主替换。。。 楼上的代码已经正确了，离线试用的话 图片换成你的 另外需要把jquery.min.js和jquery.sudoSlider.min.js2个javascript文件保存在本地。
tony4geek 2013-10-10
  • 打赏
  • 举报
 回复
你把js 和 图片路径都该了就可以了。
SmallerRui 2013-10-10
  • 打赏
  • 举报
 回复
引用 7 楼 rui888 的回复:
估计你的图片路径或者js路径问题吧

<!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>
	<title>Sudo Slider | Ajax demo</title>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
	<link rel="STYLESHEET" type="text/css" href="http://webbies.dk/assets/files/SudoSlider/package/css/style.css">
	<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	 <script type="text/javascript" 

src="http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js"></script>
	<script type="text/javascript" >
	$(document).ready(function(){	
		var sudoSlider = $("#slider").sudoSlider({ 
			ajax: [
				'http://webbies.dk/assets/files/SudoSlider/package/images/01.jpg', 
				'http://webbies.dk/assets/files/SudoSlider/package/images/02.jpg', 
				'http://webbies.dk/assets/files/SudoSlider/package/images/03.jpg', 
				'http://webbies.dk/assets/files/SudoSlider/package/images/04.jpg',
				'http://webbies.dk/assets/files/SudoSlider/package/images/05.jpg'
			],
			numeric:true
		});
	});	
	</script>
</head>
<body>
<div id="container">
	<h1>Sudo Slider jQuery Plugin - Ajax demo</h1> 
	<a href="http://webbies.dk/SudoSlider/help/#Settings-ajax">Ajax in docs</a>
	<div style="position:relative;">
		<div id="slider"></div>
	</div>
	 
</div>
</body>
</html>
这个是不是离线就不能使用啊，我是离线用的啊
tony4geek 2013-10-10
  • 打赏
  • 举报
 回复
估计你的图片路径或者js路径问题吧

<!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>
	<title>Sudo Slider | Ajax demo</title>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
	<link rel="STYLESHEET" type="text/css" href="http://webbies.dk/assets/files/SudoSlider/package/css/style.css">
	<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	 <script type="text/javascript" 

src="http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js"></script>
	<script type="text/javascript" >
	$(document).ready(function(){	
		var sudoSlider = $("#slider").sudoSlider({ 
			ajax: [
				'http://webbies.dk/assets/files/SudoSlider/package/images/01.jpg', 
				'http://webbies.dk/assets/files/SudoSlider/package/images/02.jpg', 
				'http://webbies.dk/assets/files/SudoSlider/package/images/03.jpg', 
				'http://webbies.dk/assets/files/SudoSlider/package/images/04.jpg',
				'http://webbies.dk/assets/files/SudoSlider/package/images/05.jpg'
			],
			numeric:true
		});
	});	
	</script>
</head>
<body>
<div id="container">
	<h1>Sudo Slider jQuery Plugin - Ajax demo</h1> 
	<a href="http://webbies.dk/SudoSlider/help/#Settings-ajax">Ajax in docs</a>
	<div style="position:relative;">
		<div id="slider"></div>
	</div>
	 
</div>
</body>
</html>
「已注销」 2013-10-10
  • 打赏
  • 举报
 回复
我只能感慨网上插件一大把
SmallerRui 2013-10-10
  • 打赏
  • 举报
 回复
引用 4 楼 nokia_panda 的回复:
[quote=引用 3 楼 jhjhy123 的回复:] [quote=引用 2 楼 xiaoxiaoJJ 的回复:] http://webbies.dk/assets/files/SudoSlider/package/demos/ajax.html 看看这个！！
不好意思，我没看懂，但是我就是要那个效果，能不能帮我写个代码出来，谢谢[/quote] 这例子很简单啊！ 

<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
The Javascript to start it.

这2行javascript无需编辑 你直接引用，第一个是JQUERY ，第二个是JQUERY扩展插件

<script type="text/javascript" >
   $(document).ready(function(){   
      var sudoSlider = $("#slider").sudoSlider({
         ajax: [
            'AjaxDependencies/ajax.html', 
            '../images/02.jpg', //这里直接替换成你的图片地址
            '../images/03.jpg', 
            '../images/04.jpg', 
            '../images/05.jpg'
         ],
         numeric:true
      });
   });   
</script>
The HTML

<div id="slider">这里就是显示轮播的DIV，放在你想要的位置</div>
[/quote] 可是我安源代码复制下来为什么不出图片呢？ 只有你给写的字啊
nokia_panda 2013-10-10
  • 打赏
  • 举报
 回复
引用 3 楼 jhjhy123 的回复:
[quote=引用 2 楼 xiaoxiaoJJ 的回复:] http://webbies.dk/assets/files/SudoSlider/package/demos/ajax.html 看看这个！！
不好意思，我没看懂，但是我就是要那个效果，能不能帮我写个代码出来，谢谢[/quote] 这例子很简单啊！ 

<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
The Javascript to start it.

这2行javascript无需编辑 你直接引用，第一个是JQUERY ，第二个是JQUERY扩展插件

<script type="text/javascript" >
   $(document).ready(function(){   
      var sudoSlider = $("#slider").sudoSlider({
         ajax: [
            'AjaxDependencies/ajax.html', 
            '../images/02.jpg', //这里直接替换成你的图片地址
            '../images/03.jpg', 
            '../images/04.jpg', 
            '../images/05.jpg'
         ],
         numeric:true
      });
   });   
</script>
The HTML

<div id="slider">这里就是显示轮播的DIV，放在你想要的位置</div>
SmallerRui 2013-10-10
  • 打赏
  • 举报
 回复
引用 2 楼 xiaoxiaoJJ 的回复:
http://webbies.dk/assets/files/SudoSlider/package/demos/ajax.html 看看这个！！
不好意思，我没看懂，但是我就是要那个效果，能不能帮我写个代码出来，谢谢
tony4geek 2013-10-10
  • 打赏
  • 举报
 回复
论坛有大侠写的你直接搜索下。
SmallerRui 2013-10-10
  • 打赏
  • 举报
 回复
引用 12 楼 nokia_panda 的回复:
[quote=引用 11 楼 jhjhy123 的回复:]
[quote=引用 10 楼 nokia_panda 的回复:]
[quote=引用 9 楼 rui888 的回复:]
你把js 和 图片路径都该了就可以了。

有个相对链接忘记了给楼主替换。。。

楼上的代码已经正确了，离线试用的话 图片换成你的 另外需要把jquery.min.js和jquery.sudoSlider.min.js2个javascript文件保存在本地。[/quote]
感谢您的回答，那个jquery.min.js我已经下载下来保存了，可是那个jquery.sudoSlider.min.js去哪下载啊，能给个地址吗？[/quote]
上面有啊：
http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js[/quote]
谢谢您的帮助，我想问一下下面那个数字下标的位置跟外表可以更改吗？
超硬核十万字！全网最全 数据结构 代码，随便秒杀老师/面试官，我说的
本文代码实现基本按照《数据结构》课本目录顺序，外加大量的复杂算法实现，一篇文章足够。能换你一个收藏了吧？
码农翻身讲网络3：从Socket编程到HTTP服务器
小白科普：从输入网址到最后浏览器呈现页面内容，中间发生了什么？ 张大胖的socket 两个程序的爱情故事 两个程序的爱情故事（续） Http 历险记(上） Http历险记(下)-- Struts的秘密 Http Server ： 一个差生的逆袭 这篇文章是应网友之邀所写，主要描述一下我们访问网站时， 从输入网址到最后浏览器呈现内容，中间发生了什么。 之前写过两篇文章《我是一个网卡》，《我是一个路由...
全网最全 数据结构 代码
分析：首先，我们要搞明白，原始的算法为啥这么慢呢？因为它在一遍一遍的遍历s和t，做了很多重复工作，浪费了一些我们本该知道的信息。大大降低了效率。比如t长度为10，s匹配到位置5，如果t一直匹配到了t[8],到[9]才匹配错误，那s已经匹配到了位置14，下一步怎么做呢？接着从位置6开始，和t[0]开始匹配，而s位置6和t[0]甚至后面很大一部分信息我们其实都遍历过，都知道了，原始算法却还要重复匹配这些位置。所以效率极低。
[前端代码] 3月2日更新-近期200+热门微信小程序demo源码下载汇总
近期微信小程序demo源码下载汇总，乃居家旅行学习分析必备良品！点击标题可直接跳转至下载。帖子最下方可点击收藏 http://bbs.larkapp.com/thread-8608-1-1.html 最新 demo源码（点击标题进入帖子下载） 描述 1 微信小程序 会议室预定小程序 微信小程序 会议室预定小程序***
iphone开发笔记和技巧总结
在iphone程序中实现截屏的一种方法： //导入头文件   #importQuartzCore/QuartzCore.h //将整个self.view大小的图层形式创建一张图片imageUIGraphicsBeginImageContext(self.view.bounds.size)； [self.view.layerrenderInContext：UIGraphicsGetCurren
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章