##【実装したいこと】画像の幅がバラバラでも、それぞれの幅に合わせたwidthで各ループスライダーを動かしたいです。 JavaScriptで複数画像のループスライダーを実装したく、こちらのサイト[http://black-flag.net/jquery/20110707-3305.html]を参考に作りました。しかし、実装したいループスライダーが１つではなく、１つのページに複数実装したいのですが、それぞれの画像のサイズが違うにも関わらず、一番下にあるループスライダーの幅で統一されてしまいます。一番下のループスライダー以外は最後の画像が表示されなかったり、最後の画像から最初の画像に戻る時、間が空いてしまったりしてしまいます。 ### 該当のソースコードデータベースに入っている4枚の画像を条件によって呼び出します。条件によってループスライダーを実装する数も変わります。 ```HTML

<%= image_tag submit.image1.to_s, :height => 130 %>
<%= image_tag submit.image2.to_s, :height => 130 %>
<%= image_tag submit.image3.to_s, :height => 130 %>
<%= image_tag submit.image4.to_s, :height => 130 %>

``` なので、全てに適応できるようにeachやthisなどを使ったのですが、一番下のループスライダーのwidthが全てに適応されてしまいました。 ```JavaScript ``` ### 試したこと参考にしたサイトを元に(this)に変えたり、それぞれに幅を適応させるため、idではなく、classにした。 ### 補足情報（FW/ツールのバージョンなど）プログラミングを始めて数ヶ月で、説明も下手な部分が多いかもしれませんが、何卒教えていただけると幸いです。

	@@ -1,1 +1,1 @@
1	- JavaScriptのループスライダー~~でそれぞれ~~サイズに合わせてwidthを設定したい
1	+ JavaScriptで複数のループスライダーのサイズに合わせてwidthを設定したい

質問編集履歴