1

私が今使っているスライダーのコードは次のとおりです。

ジャバスクリプト

function formatText(index, panel) {
return index + "";


$(function () {

    $('.anythingSlider').anythingSlider({
         easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
         autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
         delay: 5000,                    // How long between slide transitions in AutoPlay mode
         startStopped: false,            // If autoPlay is on, this can force it to start stopped
         animationTime: 600,             // How long the slide transition takes
         hashTags: true,                 // Should links change the hashtag in the URL?
         buildNavigation: false,         // If true, builds and list of anchor links to link to each slide
         pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
         startText: "Go",                // Start text
         stopText: "Stop",               // Stop text
         navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
    });

    $("#slide-jump").click(function(){
         $('.anythingSlider').anythingSlider(5);
    });

});

HTML

<div class="anythingSlider">
   <div class="wrapper">
      <ul>
         <li>
            <p><img alt="" width="582" height="255" src="IMAGELINK"></p>
            <div class="container"><a href="LINK" class="info">TEXT</a></div>
         </li>
         <li>
            <p><img alt="" width="582" height="255" src="IMAGELINK"></p>
            <div class="container"><a href="LINK" class="info">TEXT</a></div>
         </li>                          
      </ul>
   </div>
</div>

JSFiddle での作業は次のとおりです: http://jsfiddle.net/LUEwg/1/

ご覧のとおり、jQuery (1.9.1)、AnythingSlider (v1.2)、および Easing プラグイン (「外部リソース」から) を使用しています。AnythingSlider の最新バージョンであるv.1.8.17に移行したいと考えています。

問題は、AnythingSlider 1.8.17 と互換性がないため、コードにいくつかの変更が必要なことです。

ここでは、古いバージョンと新しいバージョンの違いを見ることができます: http://diffchecker.com/3zadzbvc

4

1 に答える 1