在滑块中显示数字 [英] show Numbers in slider

问题描述

嗨

我写的jquery滑块显示不同数量的图像。

现在我想在我的滑块中显示数字，例如幻灯片1在顶部显示1

幻灯片2显示2位于顶部等等

你能告诉我该怎么做吗？

这里是我的jslider代码：

 $（document）.ready（function（）{
  //   $（。impLeftNews：nth-​​child（odd））。css（background-color，silver）;  
  var  counter =  0 ; 
  var  slideCount = $（ 。slides> li）。length; 
  var  sliderTimer; 
  var  newscounter =  0 ; 
  var  newsSlideCount = $（  .NewsSlide>丽）长度。 
  var  newsSliderTimer; 
 
 $（ 。slides> li）。each（function（ ）{
  //  调试器;  
 counter + =  1 ; 
 $（ this ）。attr（  id，  slide + counter）; 
}）; 
 
 function hideAllSlides（）{
 $（ 。slides> li).css(  display，'   none'）; 
} 
 
 function resetTimer（）{
 clearInterval（sliderTimer）; 
 sliderTimer = setInterval（function（）{
  //   debugger;  
 counter + =  1 ; 
  if （counter >  slideCount）
 counter =  1 ; 
 hideAllSlides（）; 
 $（ 。幻灯片#slide + counter）.fadeIn（）; 
}， 8000 ）; 
 
} 
 
 hideAllSlides（）; 
 counter =  1 ; 
 $（ 。slides li：eq（1））。show（）; 
 resetTimer（）; 
 
 
 $（ 。NewsSlide> li）。 each（function（）{
  //   debugger;  
 newscounter + = < span class =code-digit> 1 ; 
 $（ this ）。attr（   id，  NewsSlide + newscounter）; 
}）; 
 function hideAllNewsSlides（）{
 $（ 。NewsSlide> li） .css（  display，'  none'）; 
} 
 function resetNewsTimer（）{
 clearInterval（newsSliderTimer）; 
 newsSliderTimer = setInterval（function（）{
  //   debugger;  
 newscounter + =  1 ; 
  if （newscounter >  newsSlideCount）
 newscounter =  1 ; 
 hideAllNewsSlides（）; 
 $（ 。NewsSlide #NewsSlide + newscounter）.fadeIn（）; 
}， 4000 ）; 
 
} 
 hideAllNewsSlides（）; 
 newscounter =  1 ; 
 $（ 。NewsSlide li：eq（1））。show（）; 
 resetNewsTimer（）; 
}）; 

解决方案

（document）.ready（function（）{
//

（。impLeftNews：nth-​​child（odd））。css（background -color，silver）;
var counter = 0 ;
var slideCount =

（ 。slides> li）。length;
var sliderTimer;
var newscounter = 0 ;
var newsSlideCount =

Hi
I write jquery slider that shows different number of images.
now I want to show numbers in my slider,for example slide 1 shows 1 at top
slide 2 shows 2 at top ,etc
whould you please tell me what to do?
here is my jslider code:

$(document).ready(function () {
    //$(".impLeftNews:nth-child(odd)").css("background-color", "silver");
var counter = 0;
var slideCount = $(".slides>li").length;
var sliderTimer;
var newscounter = 0;
var newsSlideCount = $(".NewsSlide>li").length;
    var newsSliderTimer;

$(".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 () {
        //debugger;
        counter += 1;
        if (counter > slideCount)
            counter = 1;
        hideAllSlides();
        $(".slides #slide" + counter).fadeIn();
        }, 8000);

}

hideAllSlides();
counter = 1;
$(".slides li:eq(1)").show();
resetTimer();


$(".NewsSlide>li").each(function () {
    //debugger;
    newscounter += 1;
    $(this).attr("id", "NewsSlide" + newscounter);
});
function hideAllNewsSlides() {
    $(".NewsSlide>li").css("display", 'none');
}
function resetNewsTimer() {
    clearInterval(newsSliderTimer);
    newsSliderTimer = setInterval(function () {
        //debugger;
        newscounter += 1;
        if (newscounter > newsSlideCount)
            newscounter = 1;
        hideAllNewsSlides();
        $(".NewsSlide #NewsSlide" + newscounter).fadeIn();
    }, 4000);

}
hideAllNewsSlides();
newscounter = 1;
$(".NewsSlide li:eq(1)").show();
resetNewsTimer();
});

解决方案

(document).ready(function () { //

(".impLeftNews:nth-child(odd)").css("background-color", "silver"); var counter = 0; var slideCount =

(".slides>li").length; var sliderTimer; var newscounter = 0; var newsSlideCount =

这篇关于在滑块中显示数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！