jquery滑块中的问题 [英] problem in jquery slider
本文介绍了jquery滑块中的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
嗨
我写了一个滑块,当我点击prev和下一个按钮时,滑块隐藏的时间太长。我想立即看下一张幻灯片。
有些人请帮帮我吗?
你可以在下面的插件中查看插件:
[ ^ ]
这里是my.js代码:
hi
I write a slider,when I click on prev and next buttons the time sliders are hide takes too long. i want to see next slide immediately.
would some body please help me?
you can check in plugin in below adress:
[^]
here is my.js code:
$(document).ready(function () {
{
$(".Prev").css({
"position": "fixed",
"top": "203px",
"left": "74px",
"width": "65px",
"height": "65px",
"background-image": "url(/HoshITC/images/prev.png)"
});
$(".Next").css({
"position": "absolute",
"left": "867px",
"top": "200px",
"width": "65px",
"height": "65px",
"background-image": "url(/HoshITC/images/next.png)"
});
}
var counter = 0;
var slideCount = $(".slides>li").length;
var sliderTimer;
$(".slides>li").each(function () {
//debugger;
counter += 1;
$(this).attr("id", "slide" + counter);
});
function hideAllSlides() {
$(".slides>li").css("display", 'none');
}
function resetTimer() {
clearInterval(sliderTimer);
sliderTimer = setInterval(function () {
counter += 1;
if (counter > slideCount)
counter = 1;
hideAllSlides();
$(".slides #slide" + counter).fadeIn();
}, 2000);
}
$("#Next").click(function () {
debugger;
counter += 1;
if (counter > slideCount)
counter = 1;
hideAllSlides();
$(".slides>li" + counter).fadeIn(10);
});
$("#Prev").click(function () {
counter -= 1;
if (counter < 1)
counter = slideCount;
hideAllSlides();
$(".slides>li" + counter).fadeIn(10);
//resetTimer();
});
hideAllSlides();
counter = 1;
$(".slides li:eq(1)").show();
resetTimer();
});
推荐答案
(document).ready(function(){
{
(document).ready(function () { {
( 。上一页)。css({
position: fixed,
top: 203px,
left: 74px,
width: 65px,
高度: 65px,
background-image: url(/HoshITC/images/prev.png)
});
(".Prev").css({ "position": "fixed", "top": "203px", "left": "74px", "width": "65px", "height": "65px", "background-image": "url(/HoshITC/images/prev.png)" });
( 。下一步)。css({
position: 绝对,
left: 867px,
top: 200px,
width : 65px,
height: 65px,
background-image: url(/HoshITC/images/next.png)
});
}
var counter = 0 ;
var slideCount =
(".Next").css({ "position": "absolute", "left": "867px", "top": "200px", "width": "65px", "height": "65px", "background-image": "url(/HoshITC/images/next.png)" }); } var counter = 0; var slideCount =
这篇关于jquery滑块中的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文