2017-01-13 12 views
0

私はSlideJSを稼働させることに取り組んでおり、プレゼンテーションと動作のいくつかを順番に行っています。SlidesJSのスライドをSlidesJS.comから自動的に切り替えるにはどうすればよいですか?

私がまだ管理していないことの1つは、あるスライドから次のスライドへ自動的にスライドする、つまり移行することです。

報告されたエラーを受け取っているコードは、SlideJSのメインプラグインファイルの行67で、下の閉じ括弧以外の最後の行にあります。私のコピーはhttps://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.jsである:

if (typeof TouchEvent !== "undefined") { 
    $.data(this, "touch", true); 
    this.options.effect.slide.speed = this.options.effect.slide.speed/2; 
    } 

は、割り当てをコメントアウト、私の呼び出しで、報告されたエラーを抑制したが、私は、コードは単に既存の設定を半減するように見えるこの行よりも多くの情報が必要かもしれないと思います。

this.options.effect.slide['qwerty'] = 'qwerty'; 

私が試した:私は、私は限りがある場合は、すぐに報告されたエラーなしで、割り当て

this.options.effect['qwerty'] = 'qwerty'; 

しかし、私は同様のエラー(すなわち、未定義のプロパティを設定する)を取得することができます設定オプションの数が増え、スライド間を移動するためにクリックするマニュアルサークルが表示されますが、まだ自動遷移することはできません(プラグインはスライドまたはフェードオプションをサポートしています。私の現在のオプションの対象は次のとおりです。

は、ビュー・ソースで
<script>// <![CDATA[ 
    jQuery(function(){ 
     jQuery('#slides').slidesjs({ 
     slide: 
      { 
      speed: 200 
      }, 
     interval: 2000, 
     active: true, 
     auto: true, 
     effect: 'slide', 
     height: 528, 
     interval: 5000, 
     pauseOnHover: true, 
     restartDelay: 2500, 
     swap: false, 
     width: 940 
     }); 
    }); 
// ]]></script>

http://www.slidesjs.com/、複数のサンプルinvocatiosnがありますが、私はslidejs.min.jsのインクルージョン(URLからロードされた最後のスクリプト)した後に表示のみの呼び出しは、次のとおりです。

https://jsfiddle.net/5x2tqdsv/

- :

<script> 
    $(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 350, 
     navigation: false 
     }); 
    }); 
    </script>

おかげで、

+0

では、あなたはあなたのjsFiddleは、これまでに動作させることができますか? –

+0

@TonyHenslerありがとうございました。私はCSSに対処していませんが、私はhttps://jsfiddle.net/wub9dhah/で手伝いをしています。 – JonathanHayward

+0

jsFiddleコードに多くの開始タグと終了タグがありません。 –

答えて

1

はを見てください

はあなたのhtmlを修正しても、次の行を削除する必要があります -

effect: 'slide', 
+0

ありがとうございます。私はHTMLを整理しました(そして、FWIWはテーブルをDIVに移行しました。私は数字/ CSS駆動の円がXYZをクリックするとその位置にスライドするという点で、同じ(不足の)効果を経験していますが、最初から2番目から3番目に移行しません。 – JonathanHayward

+0

https://jsfiddle.net/5x2tqdsv/1/ –

+0

を参照してください。いいリファレンスポイントです。下の私の答えを参照してください、しかし、私はあなたのフィドルを後で再訪するかもしれません。 – JonathanHayward

0

二つの問題がありました。

1つは、HTMLが修正が必要であるということでした。データが最初にHijaxedされる前に、すべてを一度に表示された以外にも、私は現在、(、私が望むすべてのものを持っている

$(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 528, 
     play: { 
      active: true, 
      auto: true, 
      interval: 4000, 
      swap: true, 
      pauseOnHover: true, 
      restartDelay: 2500 
     } 
     }); 
    });

私は:http://www.slidesjs.com/examples/playing/にソースがいる

他はフラット、オプションが提示されていたということでした、そのいくつかの方法に対処することができるはずです、それは私の懸念ではありません)。 HTMLの問題の他に、別の問題がありました.1つのオプション/キー(play)を持つ必要があるときに、フラット辞書を使用してオプションを指定しようとしたときに、辞書の代わりに値として独自の辞書があります。他のほとんどのオプションのように数値またはブール値を値として返します。

私は今から働いている更新JSfiddleがhttps://jsfiddle.net/ydvtynjL/

関連する問題