1

テーマフォレストで本当に素晴らしいものを1つ見つけました。ただし、jqueryのバックグラウンドシャッフル以外には興味がありません。

http://themeforest.net/item/launch-pad-full-screen-image-under-construction/full_screen_preview/473421

私はそれを購入しようと思ったが、その男がすべてのスクリプトを1つの.jsに入れていることに気付いたので、これらすべてを削除するのはまったく理解できません。

しかし...プレビューウェブサイトのようなオプションなしで誰かが私がそのようなものを作るのを手伝ってくれるかどうか疑問に思いました。

このfadeIn、fadeOutエフェクト、および2つの画像を6秒の間でシャッフルしたいだけです。作るのはとても簡単に聞こえますが、知識がないわけではありません。

よろしくお願いします。乾杯。

4

2 に答える 2

2

JQueryのフェードイン機能はここに文書化されています:http: //api.jquery.com/fadeIn/

私はそのようにします:

  1. 新しい画像を作成する
  2. JQueryを使用して非表示にします。hide
  3. 古い画像とまったく同じ位置でドキュメントに挿入し、その上に配置します。
  4. 新しい画像で.fadeInを呼び出します
  5. .fadeInに渡したコールバックルーチンで、画像が無期限にスタックしてブラウザのリソースを消費しないように、下の画像を削除します
于 2012-09-04T14:19:10.260 に答える
0

これは古い答えですが、最近それを探している人は、bgshuffleスクリプトを試すことができます。JqueryUIを使用します。ページのどこかにJqueryUIを含める必要があります。スクリプトはgithubに投稿されています。必要に応じて、自由に拡張してください。

https://github.com/vikaskumarsingh123/bgshuffle/

あなたは単にそれを次のように呼ぶことができます

shuffleBG( ['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'] );//the array of wallpapers

または高度な使用法:

shuffleBG(['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'], //the array of wallpapers
        '10000', //time between wallpaper change, defaults to 10000ms (10secs)
        '1000', //fade in fade out animation speed, defaults to 1000ms
        'white' //color to fade in and out of, defaults to body backgroundColor or white
);

通常、この関数はdocument.loadで呼び出します。

于 2017-06-01T07:46:01.223 に答える