1

jQuery は、.fadeIn() に時間を設定して、キャンバス上の特定のスライドの特定の div 関数にフェードインします。

キャンバス Web アプリの 6 番目のスライドに到達したら、div="fade" を表示する必要があります (reveal.js - http://lab.hakim.se/reveal-js/#/に基づく)。

div="fade" が最初の領域内に配置されている場合、jQuery 関数は完全に機能しますが、他のセクション内に配置されている場合)、もちろん、ページ onLoad はかなり前に発生しました (これは div id="fade の場合です)。 " は div ごとにロードするように設定されています:

jQuery:

$(function(){  // $(document).ready shorthand
  $('#fade').fadeIn(2200);
});

HTML5 セクション #6 (ここで div="fade" を機能させたい):

...
</section>
<!-- end section 5 -->

<!-- begin section 6 -->
<section>
<div>
<p>
<a href="#">Interviewing a Co-founder<br>
<img src="img/misc/..." width="60" height="50" />
</a>
</p>
</div>

<div id="fade" style="display:none;">
<div id="browsers">
<p>
<a href="#" target="_blank">Fundraising<br />Campaign</a>
</p>
</div> <!-- END fundraising 'browsers' -->
</div> <!-- END fade jQuery --> 
</section>
<!-- end section 6 -->

...補足として、またはこのキャンバスに慣れていない人のために、各 + + ... アプリを使用して矢印を合わせると、次の「スライド」を示します... 繰り返しますが、次の場所で例を確認できます。http://lab.hakim.se/reveal-js/#/ .

古き良き js または jquery を使用して修正作業を喜んで行います。

4

2 に答える 2

2

Reveal.jsのドキュメントから:

Reveal.addEventListener( 'slidechanged', function( event ) {
    // event.previousSlide, event.currentSlide, event.indexh, event.indexv
} );

fadeInしたがって、次のように呼び出すことができます。

Reveal.addEventListener( 'slidechanged', function( event ) {
    if(event.currentSlide==6){
        $('#fade').fadeIn(2200);
    }
} );
于 2012-11-02T09:23:54.040 に答える
0

次のようなことができます。

Reveal.addEventListener( 'slidechanged', function( event ) {                
   if(event.indexh == 1){ //to get the slide number
     $('#fade').fadeIn(2200);
   }
});
于 2014-08-18T14:00:28.497 に答える