私はさまざまなjQueryベースのスライドショースクリプトを見てきました。使用されているさまざまなアプローチと、それらがCSS3ベースの遷移とDOM操作をどのように処理するかに興味があります。スライドショーのjQueryベースのWordPressプラグインがありますが、少し古くなっているため、再コーディングに取り組んでいます。
私はjQueryに非常に精通しており、何年も使用しており、公開されているプラグインを作成して、1920x1200以上の画像で50以上の画像が使用されている極端なユースケースを見てきました(主に写真家)。
このようなシナリオにこれまで以上にアプローチするための最善の方法について調査を行ったところ、2つの人気のある傾向が見られ、どちらが優れているのか疑問に思います。
1つ目は、「スライド」をコンテナ内に配置し、それをアニメーション化することです。多くの場合、コンテナはドキュメントフローから取り出して処理を高速化するために絶対的に配置されます(特にCSS3を使用する場合)。
次は、DOM内に4〜8個の「スライド」を保持し、ユーザーがナビゲートするときにそれらを追加/削除します。
これらのアプローチのどれがより良いアプローチですか?DOMの追加/削除は、行うのに最も費用のかかる変更と見なされますが、このようなシナリオでは、ドキュメントフローの外部にある50以上の非常に大きな画像を含むコンテナーを操作するよりも費用がかかりませんか?特にモバイルデバイスで。