3

ユーザーがカーソルを画像に移動した後に画像を回転できる JS ライブラリまたはコード スニペット (jQuery が許可されている) を探しています。たとえば、この機能は、Dailymotion.com Web サイトのビデオ サムネイルに実装されています。

このコードを 20 ～ 40 個のサムネイル (アプリケーションのスクリーンショット) を持つ Web ページに使用します。各項目には、ユーザーがカーソルをサムネイルに移動すると回転を開始し、カーソルが離れると停止する約 10 個の追加画像が含まれます。

このすべての画像を html コードでロードしたくありません。ユーザーがページに入るたびに数百のリクエストが必要になるわけではありません。

残念ながら、私が見つけたすべてのコードは、html コードからの静的イメージ リンクを使用しています。

検索エンジンで答えを見つけようとしましたが、正しい公式が見つかりません。「image rotator JS」、「change images on hover」、「autorot images」、およびその他のバリエーションを試しましたが、このタスクには単に別の名前が付けられている可能性があります。

4

2 に答える 2

1

CyclePluginを使用してみてください。

と呼ばれる親指のクラスがある場合は、およびコマンド.thumbを使用してそれを制御できます。.cycle('pause').cycle('resume')

$('.thumb').cycle({ ... }).cycle('pause'); // setup, choose your own settings, then pause

$('.thumb').hover(function() {
  $(this).cycle('resume');
}, function() {
  $(this).cycle('pause');
});
于 2011-01-17T23:38:30.250 に答える
0

Apple が iPhoto で使用するような「スクラブ」と呼ぶものを探しているようですね。

いくつかのクイック検索で、これを行うためのライブラリがいくつか見つかりました。

于 2011-01-17T23:27:49.717 に答える