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

那位大神帮忙写一个简单的图片滑动的代码，只要实现点一下数字就换一张图片的效果
如题，尽可能的简单，少用js代码，在线求答案。。网页
[解决办法]
论坛有大侠写的你直接搜索下。
[解决办法]
http://webbies.dk/assets/files/SudoSlider/package/demos/ajax.html
看看这个！！
[解决办法]

引用:

Quote: 引用:

http://webbies.dk/assets/files/SudoSlider/package/demos/ajax.html
看看这个！！

不好意思，我没看懂，但是我就是要那个效果，能不能帮我写个代码出来，谢谢

这例子很简单啊！


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

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

&lt;script type="text/javascript" &gt;
   $(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
      });
   });   
&lt;/script&gt;
The HTML

&lt;div id="slider"&gt;这里就是显示轮播的DIV，放在你想要的位置&lt;/div&gt;

[解决办法]
我只能感慨网上插件一大把
[解决办法]
估计你的图片路径或者js路径问题吧


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;Sudo Slider 
[解决办法]
 Ajax demo&lt;/title&gt;
&lt;meta http-equiv="content-type" content="text/html;charset=UTF-8" /&gt;    
&lt;link rel="STYLESHEET" type="text/css" href="http://webbies.dk/assets/files/SudoSlider/package/css/style.css"&gt;
&lt;script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript" 

src="http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" &gt;
$(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
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="container"&gt;
&lt;h1&gt;Sudo Slider jQuery Plugin - Ajax demo&lt;/h1&gt; 
&lt;a href="http://webbies.dk/SudoSlider/help/#Settings-ajax"&gt;Ajax in docs&lt;/a&gt;
&lt;div style="position:relative;"&gt;
&lt;div id="slider"&gt;&lt;/div&gt;
&lt;/div&gt;
 
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

[解决办法]
你把js 和图片路径都该了就可以了。
[解决办法]

引用:

你把js 和图片路径都该了就可以了。

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

楼上的代码已经正确了，离线试用的话图片换成你的另外需要把jquery.min.js和jquery.sudoSlider.min.js2个javascript文件保存在本地。
[解决办法]

引用:

Quote: 引用:

Quote: 引用:

你把js 和图片路径都该了就可以了。

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

楼上的代码已经正确了，离线试用的话图片换成你的另外需要把jquery.min.js和jquery.sudoSlider.min.js2个javascript文件保存在本地。

感谢您的回答，那个jquery.min.js我已经下载下来保存了，可是那个jquery.sudoSlider.min.js去哪下载啊，能给个地址吗？

上面有啊：
http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js

那位大神帮忙写一个简略的图片滑动的代

热点推荐