我没有构建这个滑块,我不太了解JS / jQ。我们更改了滑块按钮的图像,现在它们都变为橙色并保持橙色。我不确定如何解决它。这是网站:
以下是剧本:
<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>