0

サイトで遅延読み込みを使用したいのですが、少し問題があります。コンテンツを JS でスクロールする (X px でコンテンツをアニメーション化する) ため、スクロールバーを使用しません。残念ながら、この場合、遅延読み込みはトリガーされません。これを作る方法について何かアイデアはありますか？

私のサイトは水平にスクロールし、すべてのコンテンツdivが互いに近くに浮かんでいて、現在のものだけが表示され、他のすべてがオンになっていますdisplay: none;

これは私のサイトのあまりプロの写真ではありません。可視領域を黒で、可動部分を赤でマークしました。

写真の私のサイト

4

3 に答える 3

0

私が考えることができるのは、コンテンツがスライドするときにフックし、それが目的であれば、AJAXを使用して画像またはコンテンツ全体を追加することだけです。プラグインは通常、ユースケースの大部分に焦点を当てているため、遅延読み込みは適切でない場合があります。

于 2012-09-15T12:24:36.580 に答える
0

OK、数時間後、JAIL を使用することにしました。最良の解決策ではありませんが、私は AJAX JAIL 別名 jQuery Asynchronous Image Loaderに慣れていないので、何もないよりはましです

于 2012-09-16T12:55:59.947 に答える
0

独自の単純な遅延ロード スクリプトを記述します。

$(function(){
  $('img').each(function(){
    var $this = $(this)
    $this.data('origImg',$this.attr('src'))
    $this.removeAttr('src') // or set a placeholder img
  })
  var $window = $(window), $container = $('#sliding_content')
  window.lazyLoad = function () {
    $container.find('img:not([src])').each(function(){
      var $this = $(this), left = $this.offset().left
      if (!(left < 0) && !(left > $window.width()))
        $this.attr('src',$this.data('origImg'))
    })
  }
})

そして、div がアニメーション化されたら、 を呼び出しますlazyLoad()。これがうまくいくかどうか教えてください。:)

于 2012-09-15T12:28:43.857 に答える