jquery写一个轮播图片不显示，jquery轮播图自动播放

jquery轮播开始就显示最后一张

建议调试下，使用console.log(this.n)，this.n的值会显示在控制台，一步步查看this.n的值在哪里出错的。

这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。这里是事件，这里定义了四个时间段的状态，兼容了ie的。如图所示这里是效果图，会根据时间轮播显示下一张图片 了。

第一张显示没问题，第二张以及之后的图片显示为空白。首先，排除掉图片路径没问题。（如果有问题，也不会网上提问了）初步判断，css静态定位错误。css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白。

实现的总体思路：首先是初始化部分：将除了第一张轮播图片意外的图片都隐藏，并且隐藏向前、向后按钮，使第一个索引按钮处于激活状态。

整个代码里面 并没有看到 你引入 jquery.js文件，jquery代码当然执行不了了。个人建议下载 firefox 浏览器，添加上firebug 用来调试，很容易找到错误的地方。

可以定义样式类 prev，用于即将淡出的图片，样式中设置 z-index 大于1。另外淡出的时候，不要让所有元素同时淡出。

相关问答

Q1: jquery轮播图问题,淡出没效果?

可以定义样式类 prev，用于即将淡出的图片，样式中设置 z-index 大于1。另外淡出的时候，不要让所有元素同时淡出。

按照你这个写法应该是没有错的，但是却出不来效果，建议你进行单步验证，比如有没有触发mouseenter，有没有获取到该元素的位置值n，有没有获取到触发该事件的元素的兄弟姐妹元素等等。

网页上的图片轮播放效是通过 Jquery技术实现的，JQuery技术依赖的编程语言是JavaScript。这个效果你不用自己去写，可以在网上搜索“JS代码特效”，下载来修改一下CSS的尺寸就可以了。

第一张显示没问题，第二张以及之后的图片显示为空白。首先，排除掉图片路径没问题。（如果有问题，也不会网上提问了）初步判断，css静态定位错误。css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白。

整个代码里面 并没有看到 你引入 jquery.js文件，jquery代码当然执行不了了。个人建议下载 firefox 浏览器，添加上firebug 用来调试，很容易找到错误的地方。

Q2: 求js大神指教一下,为什么轮播图总是加载不到资源

1、if语句里面应该是==号，而不是=号 png.src = img/f + [a] + .png；还有就是你的数组中的图片是从f2开始的，后面的if-else语句计算出来有问题的。

2、可以改写。问题描述：轮播图总是无法正常使用，看起来一层叠在一层上。问题原因：js代码中li的类名写错，image写成了iamge。解决方法：js中addactive函数iamge改成image。

3、出现这种情况的原因就是使用了express的框架用了静态服务。app.use(express.static(path.join(__dirname， ‘public’)))；就是讲所有的静态资源文件都托管到public文件夹里。

4、看这里的代码没有什么问题，你的输出是什么，具体的有什么提示吗，js出错一般会在终端有问题描述。

5、可以直接在xml中设置，也可以设置为取值方式，从js文件中读取，在js文件中初始化对应的image数组，还有其他相应的变量值，设置对应的xss属性，这里我这边只是简单设置了一下，为了演示清楚，设置后就可以看到轮播图了。

Q3: jquery图片轮播js效果为什么没用呢?

整个代码里面 并没有看到 你引入 jquery.js文件，jquery代码当然执行不了了。个人建议下载 firefox 浏览器，添加上firebug 用来调试，很容易找到错误的地方。

如果把代码放到head，那么这时候jQuery和你的代码几乎是同时加载的，当你的代码运行时，jQuery很可能尚未加载完毕，这样条件一就很可能不满足；其次，这时候HTML的body尚未加载，这样条件二也不满足，所以代码运行无效。

网络设置的问题 这种原因比较多出现在需要手动指定IP、网关、DNS服务器联网方式下，及使用代理服务器上网的。仔细检查计算机的网络设置。

第一张显示没问题，第二张以及之后的图片显示为空白。首先，排除掉图片路径没问题。（如果有问题，也不会网上提问了）初步判断，css静态定位错误。css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白。

网页上的图片轮播放效是通过 Jquery技术实现的，JQuery技术依赖的编程语言是JavaScript。这个效果你不用自己去写，可以在网上搜索“JS代码特效”，下载来修改一下CSS的尺寸就可以了。

jquery写一个轮播图片不显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery轮播图自动播放、jquery写一个轮播图片不显示的信息别忘了在本站进行查找喔。