私のホームページには Javascript に基づいた画像スライダーがあり、オープンソースのウェブサイトから引っ張ってきました。それは私がする必要があるために非常にうまく機能します。ただし、 reflection.jsスクリプトを使用して画像の下に反射を追加したいと考えています。リフレクションを挿入するには、img 要素に「reflect」のクラスを追加する必要があります。そのためには、外部の .js ファイルを使用して、カルーセル内の画像にクラスを追加する必要があります。
私がこれまでに持っていることは次のとおりです。$('div.skin-default img').addClass("reflect");しかし、これはDOMのロード時にこれを追加しようとしているだけだと思います。画像は動的に切り替えられるため (常に 2 つのプリロードのみ)、DOM がロードされた時点で、クラスはカルーセル内の他の画像に追加されません。それがここの問題ですか？もしそうなら、どうすればjQueryに新しい画像要素をチェックし続け、クラス「反映」を自動的に追加するように指示できますか? 私はまだjQueryにかなり慣れていません。
また、ウェブサイトとして Drupal 7 を使用し、画像スライダー プラグインとして Galleria を使用しています。