A. jquery 图片轮播 代码什么意思啊
jQuery是一个比较成熟的js框架，简化了编程的流程。
图片轮播就是在页面里的图片之间的各种切换效果，让页面看起来更美观弯兄。
你问的如轿就是通过埋橡袭jQuery框架来实现的图片切换效果的代码，使用时记得调用jQuery文件。
B. jquery图片轮播问题
去兆者掉第一洞睁个delay 试试.
div.queue("族颤薯fx", []).stop(0).queue(function() {
div.fadeIn(300).delay(3000).slideUp(400);
div.dequeue();
funny(div.next("div"));
});
C. 用jquery实现图片轮播怎么写呢求指教
*{
margin:0;
padding:0;
}
ul{
list-style:none;
}
.slideShow{
width:620px;
height:700px;/*其实就是图片的高度*/
border:1px#eeeeeesolid;
margin:100pxauto;
position:relative;
overflow:hidden;/*此处需要将溢出框架的图片部分隐藏*/
}
.slideShowul{
width:2500px;
position:relative;/*此处需注意relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置，如果没有这个属性，图片将不可左右移动*/
}
.slideShowulli{
float:left;/*让四张图片左浮动，形成并排的横着布局，方便点击按钮时的左移动*/
width:620px;
}
.slideShow.showNav{/*用绝对定位给数字按钮进行布局*/
position:absolute;
right:10px;
bottom:5px;
text-align:center;
font-size:12px;
line-height:20px;
}
.slideShow.showNavspan{
cursor:pointer;
display:block;
float:left;
width:20px;
height:20px;
background:#ff5a28;
margin-left:2px;
color:#fff;
}
.slideShow.showNav.active{
background:#b63e1a;
}
js代码规范：
<scriptsrc="../../../jQuery/js/jquery-2.1.4.js"></script><scripttype="text/javascript">
$(document).ready(function(){
varslideShow=$(".slideShow"),//获取最外层框架的名称
ul=slideShow.find("ul"),
showNumber=slideShow.find(".showNavspan"),//获取按钮
oneWidth=slideShow.find("ulli").eq(0).width();//获取每个图片的宽度
vartimer=null;//定时器返回值，主要用于关闭定时器
variNow=0;//iNow为正在展示的图片索引值，当用户打开网页时首先显示第一张图，即索引值为0
showNumber.on("click",function(){//为每个按钮绑定一个点击事件
$(this).addClass("active").siblings().removeClass("active");//按钮点击时为这个按钮添加高亮状态，并且将其他按钮高亮状态去掉
varindex=$(this).index();//获取哪个按钮被点击，也就是找到被点击按钮的索引值
iNow=index;
ul.animate({"left":-oneWidth*iNow,//注意此处用到left属性，所以ul的样式里面需要设置position:relative;让ul左移N个图片大小的宽度，N根据被点击的按钮索引值iNOWx确定
})
});
functionautoplay(){
timer=setInterval(function(){//打开定时器
iNow++;//让图片的索引值次序加1，这样就可以实现顺序轮播图片
if(iNow>showNumber.length-1){//当到达最后一张图的时候，让iNow赋值为第一张图的索引值，轮播效果跳转到第一张图重新开始
iNow=0;}
showNumber.eq(iNow).trigger("click");//模拟触发数字按钮的click
},2000);//2000为轮播的时间
}
autoplay();
slideShow.hover(function(){clearInterval(timer);},autoplay);另外注意setInterval的用法比较关键。
})
</script>
主体代码：
[html]viewplainprint?
<body>
<divclass="slideShow">
<!--图片布局开始-->
<ul>
<li><ahref="#"><imgsrc="images/view/111.jpg"/></a></li>
<li><ahref="#"><imgsrc="images/view/112.jpg"/></a></li>
<li><ahref="#"><imgsrc="images/view/113.jpg"/></a></li>
<li><ahref="#"><imgsrc="images/view/114.jpg"/></a></li>
</ul>
<!--图片布局结束-->
<!--按钮布局开始-->
<divclass="showNav">
<spanclass="active">1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div>
<!--按钮布局结束-->
</div>
</body>
D. jquery自动轮播图代码只能出现一张图片第二三张就空白了 轮播正常播放
第一张显示没问题，第二张以及之后的图片显示为空白。
首先，排除掉图片路径没问题。（如果有问题，也不会网上提问了）
初步判断，css静态定位错误。
css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白。
即使在js中是动态定位的，但是请仔细检查你的图片<ul>的css的定位参数是否固定住了。
比如，设置了{left：0；}。
删除掉css的错误静态定位，只保留js中的动态定位可以解决第二张以及之后图片空白问题。
E. 怎样用jquery做图片轮播我没基础请高人指点要详细最好有代码演示，就做下面的效果，并且可链接网址
这种简单的幻灯片是使用索引匹配的。一个思路如下：
写一个函数，这个函数可以实现图片的切换；
functionflipSlide(int){
//横向滑动
$('#slideContent.sc_wrap:first').animate({'left':'-'+int*960+'px'});
//纵向滑动
$('#slideContent.sc_wrap:first').animate({'top':'-'+int*200+'px'});
}然后，大致有3种切换方法，分别是：左右控制（上一个下一个），指示控制（1，2，3，4）和自动播放；
左右控制比较简单，点击按钮+1-1即可。
varstartInt=0;//默认显示第一个
//上翻
$('#prev').click(function(){
//上一个，就是当前元素的上一个元素,要做判断的不会有-1的索引。
startInt=startInt-1;
//调用切换函数
flipSlide(startInt);
})
指示控制更简单，直接适应其index索引即可。
$('#slideNavulli').click(function(){
//获取当前的索引
varthisId=$(this).index();
//执行播放函数
flipSlide(thisId);
})自动播放需要写一个自动播放函数，然后调用，比如：
functionautoPlay(){
if(startInt>=幻灯片个数){
startInt=0;
}else{
startInt=startInt+1;
}
//执行播放函数
flipSlide(thisId);
}
//定时播放,3秒切换
setInterval(autoPlay,3000);这样，一个简单的幻灯片就写好了。
如果你希望它更智能，那么你就需要多下点功夫了。其实，道理都是一样的，只不过做成什么样的效果更好看而已。这个效果和滑动门tab是一样的原理。
F. jquery多图轮播幻灯代码 带百叶窗马赛克等丰富过渡特效 怎样写
首先引用文件
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
页面初始化jquery代码如下：
$('#slider').nivoSlider({
directionNav: true,
captionOpacity: 0.4,
controlNav: true,
boxCols: 8,
boxRows: 4,
slices: 15,
effect:'random',
animSpeed: 500,
pauseTime: 3000 });
});
G. jquery图片轮播思路
首先纠正个错误，开始就隐藏img不要用js去做。js操作影响速度，第二是需要在js加载完了才会把图片隐藏，这会导致没加载完前你的图片全部是显示的。 用css来隐藏img,另外图片宽高都写在img里减小渲染框架时间。你们老师这样写例子 误人子弟啊＝＝！
思路就是
<style>
#focus{width:500px;height:200px;overflow:hidden;/*用一个div把图片包含设置超出范围隐藏*/}
</style>
<divid="focus">
<imgsrc="xx.jpg"width="500"height="200">
<imgsrc="xx.jpg"width="500"height="200">
<imgsrc="xx.jpg"width="500"height="200">
</focus>
.....引入jQuery
<script>
//将script写在最底部避免js阻塞页面加载
varindex=0;//当前显示的第几张图，默认开始为0；
varmg=$("#focusimg");//将焦点图储存为一个变量方便调用节省下载调用查询时间。
varlen=mg.length;//焦点图图片数量
functionplay(n){
mg.eq(n).fadeIn(200).siblings("img").fadeOt(200);
//eq表示第几个标签里面的n就是代表的第几个img标签是从0开始数的。这里用siblings而不是先hide全部在fadein，siblings代表的是除开当前标签以外的所有同级标签。使用siblings来处理这样的情况速度会比你老师写的快很多倍。简单来讲siblings就是除开当前显示的这个以外的所有统计图片全部fadeOut
}
setInterval(function(){
showPics(index);
index++;
if(index==len){//当当前播放的索引值等于总图片数就重置为0，重新开始循环
index=0;
}
},2000);//将function写在setInterval里更简洁。这样写默认开始2秒就开始播放，如果想开始2秒就播放第二张，那就得把最前面的index=1;因为初始显示的就是第一张。所以2秒后应该显示第二张而不是还是第一张
</script>
H. jquery简单自动轮播图代码怎么写
html部分 this is the page一 this is the page二 this is the page三 this is the page四 css部分 *{ padding: 0; margin: 0; } html,body{ height: 一00%; } #container { width: 一00%; height: 500px; overflow: hidden; } .sections,.section { height:一00%; } #container,.sections { position: relative; } .section { background-color: #000; background-size: cover; background-position: 50% 50%; text-align: center; color: white; } #section0 { background-image: url('images/一.jpg'); } #section一 { background-image: url('images/二.jpg'); } #section二 { background-image: url('images/三.jpg'); } #section三 { background-image: url('images/四.jpg'); } .pages li{list-style-type:none;width:一0px;height:一0px;border-radius:一0px;background-color:white}.pages li:hover{box-shadow:0 0 5px 二px white}.pages li.active{background-color:orange;box-shadow:0 0 5px 二px orange}.pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}.pages.horizontal li{display:inline-block;margin-right:一0px}.pages.horizontal li:last-child{margin-right:0}.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical li{margin-bottom:一0px}.pages.vertical li:last-child{margin-bottom:0} JS部分 jquery-一.一一.0.min.js" type="text/javascript"> //引入pageSwitch.min.js 如
I. 求JQUERY的图片左右轮播的代码，要简单一点的谢谢
首先要复定义一个索引来表制示你当前轮播到第几张图片了
然后获得你总共有几张图片 当索引跳到最后一张的时候 将其值改为0 即可
对于上一页下一页 逻辑与上面相同
如果当前索引为0 或者为最后一个隐藏掉这个按钮或者赋值另一端的极值
轮播的话 写一个定时器 第一个参数就是这个函数啦 第二个参数给1000（ms）
函数里面就对这个index按上面的逻辑操作即可了
思路给你了 自己写吧。。边查边写 收获会很大
J. 怎么用jquery做轮播图效果
http://www.jb51.net/article/41308.htm
一看就会