美国白宫建筑网站模板美国白宫建筑网站模板是一款好看的网络世界公司网站模板。建筑美国HTML欧美
<script src="js/jquery-ui.min.js"></script>
<script src="js/hammer.min.js"></script>
<script src="js/responsiveCarousel.js"></script>
<script>
/* Okay, everything is loaded. Let's go! (on dom ready) */
$(function () {
/* a generic product carousel - something that might appear in the body of a e-commerce site. */
$('#textslider')
.responsiveCarousel({
unitWidth: 'compute',
target: '#textslider .slider-target',
unitElement: '#textslider .slider-target > li',
mask: '#textslider .slider-mask',
arrowLeft: '#textslider .arrow-left',
arrowRight: '#textslider .arrow-right',
dragEvents: Modernizr.touch,
responsiveUnitSize:function () {
return 1;
},
step:-1,
onShift:function (i) {
var $current = $('#selector li a[rel=frame_' + i + ']');
$('#selector li a').removeClass('current');
$current.addClass('current');
}
});
/* this next part toggles the "auto slide show" option. */
$('#toggle-slide-show').on('click', function (ev) {
ev.preventDefault();
$('#textslider').responsiveCarousel('toggleSlideShow');
});
/* this lets us jump to a slide */
$('#selector a').on('click', function (ev) {
ev.preventDefault();
var i = /\d/.exec($(this).attr('rel'));
$('#textslider').responsiveCarousel('goToSlide', i);
});
});
$(window).on('load',function(){
$('.examples').responsiveCarousel('redraw');
});
</script>