如何制作自动图像滑块并通过链接触发?

时间:2015-08-05 20:28:21

标签: javascript jquery slideshow simplify

我在此处有此页面部分:http://mobilemediaco.com/golf/test.html

按钮可以触发手机内的屏幕。这是执行此操作的代码:

$(function() {
    $(".ft-list li").on("click", function() {
        $(".ft-list li").removeClass("ft-active");
        $(this).addClass("ft-active");
    });

    $(".ft-gps").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-gps");
    });

    $(".ft-notifications").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-notifications");
    });

    $(".ft-weather").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-weather");
    });

    $(".ft-scorecard").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-scorecard");
    });

    $(".ft-calendar").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-calendar");
    });

    $(".ft-teetime").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-teetime");
    });

    $(".ft-reservation").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-reservation");
    });

    $(".ft-delivery").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-delivery");
    });

    $(".ft-hcp").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-hcp");
    });

    $(".ft-billpay").on("click", function() {
        $("#ft-phone").removeClass().addClass("ft-phone-billpay");
    });

});

问题:

1 - 如何进行自动播放,因此屏幕和按钮可能会不时消失(当然,同时也是如此)。

2 - 如何简化此代码?

谢谢!

0 个答案:

没有答案