-1

多くの製品を含むサイトを作成していますが、それらの製品ごとに最大 10 個の画像を含めることができます。

私がする必要があるのはこれです:
1: 画像 #1 - ロードされた (大きい)
2: アップロードされた各画像のサムネイルを作成する
3: 大きな画像の下にサムネイルを配置する
4: ユーザーがサムネイルをクリックすると、大きな画像が次のように置き換えられます選ばれたもの

4

2 に答える 2

2

ページを更新せずに画像を動的に変更するには、JavaScript が必要です。jQueryは準標準であり、Drupal 6 に同梱されており、非常に使いやすいため、jQueryの使用をお勧めします。

サムネイルごとに、大きな画像の src 属性を更新する onClick イベントを追加します。ブラウザが新しい大きな画像を取り込みます。

次の jQuery ベースの関数は、id "large" の img タグを更新して、newPath を使用して現在の src 値を置き換えます。

function updateLarge( newPath ) {
   $("#large").attr("src", newPath);
}

また、e コマース サイトを作成している場合は、Ubercartなどの使用を検討する必要があります。FlorianH のソリューションに従って、CCK を使用して Ubercart 製品にフィールドを追加できますが、ショッピング カートやチェックアウトなども無料で利用できます。

于 2009-09-22T11:09:53.663 に答える
0

最初はかなりの学習曲線であることはわかっていますが、 CCKとviewsを実際に確認する必要があると思います。少し時間を投資する必要がありますが、それだけの価値があります。

特定のケースでは、製品にイメージフィールドを追加し、イメージキャッシュルールを追加してサイズを変更し、説明したように画像を表示する製品専用のビューを作成する必要があります。

于 2009-09-17T21:13:11.267 に答える