css - スライダーのオーバーフローに不透明度を追加

Question

ホームページにスライダーがあります。すべて正常に動作しますが、たとえば 0.4 の不透明度でオーバーフローを実行しようとしています。Drupal 7 で jQuery サイクルを使用しています。これは私が使用しているコードです。

  $('.view-slider-sports .view-content').cycle({
    fx:     'scrollLeft',
    speed:  'slow',
    timeout: 5000,
    next:   '.next2',
    prev:   '.prev2',
    delay: -1000,
  });

アイデアは、「主な画像」の横に画像を表示することです。通常、私はこの「他の画像」を使用してoverflow:hiddenいます。

すべての画像を表示し、スライダーの横にある画像にのみ不透明度を適用するにはどうすればよいですか?