1

私はプロジェクトに取り組んでいる Web デザイナーです。jQueryが必要になるという考えがあります。私の jQuery の経験はかなり基本的なものなので、ここで、必要なものに最適なオプションは何かを尋ねてみようと思いました。

プロジェクトのホームページにセクションがあります。等間隔の画像の「壁」が欲しいです。ページが読み込まれると、Fancybox や Lightbox の機能のように、最初の画像 (左上) が前方に「ズーム」します。その後、画像は壁に戻り、行の次の画像が「ズーム」されます。これは、ユーザーが画像の 1 つにカーソルを合わせたりクリックしたりしない限り、理論的には永遠に続きます。

これを行う方法についてのアイデアはありますか?

ありがとう！

「壁」の例の画像は以下にリンクされています。

http://i25.tinypic.com/28vejk8.png

4

3 に答える 3

1

http://jsajax.com/Articles/jquerycarouselprettyphoto/1438

以下は、必要なものです。

<script type="text/javascript">
 $(function() {
  $('#listimg').jcarousel();
  $('.gallery a[rel^="prettyPhoto"]').prettyPhoto({theme: 'dark_rounded'});
 }); 
</script>

...

<div id="container">
  <div id="grid">
    <div id="listimg" class="jcarousel-skin-tango"> 
      <ul class="picturelist gallery clearfix">

        <li class="thumb">
          <a href="http://www.youtube.com/watch?v=Sosele6QlWo" 
            title="# 今、風の中で - 平原綾香" rel="prettyPhoto[YouTube]">
            <img src="http://i4.ytimg.com/vi/Sosele6QlWo/default.jpg" alt="" />
          </a>    
        </li>

...

      </ul>                 
    </div>
   </div>
 </div>
于 2011-10-26T18:55:41.947 に答える
0

jCarousel LiteとprettyPhotoでこのようなものを実装する必要がありましたが、私がぶつかった (そして、prettyPhoto プラグインの一部を書き換える以外に解決策が見つからなかった) ボトルネックの 1 つは、カルーセルが画像を出し入れするときでした。ビュー prettyPhoto は、生成されたギャラリーの要素を失っていました。さらに、prettyPhoto() を呼び出してギャラリーを再初期化しようとすると、すでに存在するギャラリーに追加してしまい、prettyPhoto が画像を繰り返したり、単に数え間違えたりしていました。

これは解決策ではないことは承知していますが、進行するときに覚えておく価値のあることです。私が言えることは、jCarousel Lite には自動再生が組み込まれており、現在の画像が変更されたときに発生するイベントがあるということです。同様に、優れたライトボックスには、何らかのコンテンツを含むウィンドウを手動で生成する API があります。変更イベントをライトボックスの手動呼び出しと組み合わせると、探しているものをすばやく作成できると確信しています。

于 2009-08-24T22:16:38.383 に答える