如何在滑块上制作标签改变颜色?

时间:2013-07-10 22:27:01

标签: javascript jquery jquery-plugins slider anythingslider

我没有构建这个滑块,我不太了解JS / jQ。我们更改了滑块按钮的图像,现在它们都变为橙色并保持橙色。我不确定如何解决它。这是网站:

http://www.howlatthemoon.com/

以下是剧本:

<script type="text/javascript">
jQuery(function($){

  var tab1 = jQuery('.featured-tabs .tab1').text();
  var tab2 = jQuery('.featured-tabs .tab2').text();
  var tab3 = jQuery('.featured-tabs .tab3').text();
  var tab4 = jQuery('.featured-tabs .tab4').text();
  jQuery('.featured-tabs').remove();

  var image1 = jQuery('.featured-images .image1').html();
  var image2 = jQuery('.featured-images .image2').html();
  var image3 = jQuery('.featured-images .image3').html();
  var image4 = jQuery('.featured-images .image4').html();
  jQuery('.featured-images').remove();

  $('#slider .panel1').empty().append(image1);
  $('#slider .panel2').empty().append(image2);
  $('#slider .panel3').empty().append(image3);
  $('#slider .panel4').empty().append(image4);

  $('#slider').show();

        $('#slider').anythingSlider({
            startStopped        : false,
            width               : 768,   // if resizeContent is false, this is the default width if panel size is not defined
            height              : 255,   // if resizeContent is fals e, this is the default height if panel size is not defined
            theme               : 'default',
            autoPlayLocked      : true,
            delay               : 7000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
            resumeDelay         : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
            pauseOnHover        : false,      // If true & the slideshow is active, the slideshow will pause on hover
            navigationFormatter : function(index, panel){ // Format navigation labels with text
                return ['<span class="carousel-text">PREVIEW OUR SHOW!</span>','<span class="carousel-text">HOWL ON NCL</span>', '<span class="carousel-text">HOWL 2-GO</span>', '<span class="carousel-text">BACHELORETTES!</span>',][index - 1];
            },
            onBeforeInitialize  : function() {$('#slider li img').hide()},    // Callback before the plugin initializes
            onInitialized  : function() {$('#slider li img').show()}      // Callback after the plugin has been initialized
        });
    });
</script>

0 个答案:

没有答案