http://kokusai.ecc.ac.jp/
このサイトの大きい画像の下に小さい画像があります。
この小さい画像が自動で動いて、大きい画像もそれと同時に変化しています。
この仕組みが知りたくて、調べたらどうやら、carouFredSelというプラグインを使っているとのこと。
参考に同じように真似て僕も練習でHTML作ってみました。
すると、HTMLでは<div id="thumbs">としか記述していないのに実際アップロードすると下記のように
<div id="thumbs" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 58px; margin: 0px; width: 2070px; height: 38px; z-index: auto;">
スタイル記述が自動生成されています。
たとえば、widthが2070になっていますが、HTMLでは記述しておらず自動で記述されているので
どうやって、2070という幅を変更するのかがわかりません。
わかりにくい説明になってしまって申し訳ございませんがよろしくお願いします。
No.1ベストアンサー
- 回答日時:
多分これのことではないかと思いますが…
http://caroufredsel.dev7studios.com/
オプションがいろいろあるので、内部でどのような計算をしているのか具体的にはわかりませんが…
説明を見るとそれらしきことが書いてあります。
widthを設定することも可能になっているようですし、指定が無い時はそれなりにということでしょうか。
http://caroufredsel.dev7studios.com/configuratio …
(私は英語がさっぱりなので、質問者様に直接理解していただいた方が正確だと思います。)
指定したい場合は、設定の際のオプションで指定すればよいと思われます。
(以下の、4.のオプション指定のところ)
http://caroufredsel.dev7studios.com/installation …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSでreadonlyの機能はあり...
-
javascriptで複数の表示・非表...
-
javascriptでcssを書き換える方法
-
特定の条件のHTML要素を一括で...
-
formのsubmitを押すとモーダル...
-
もしかして
-
「ご処理進めて頂きますようお...
-
エクセルで、日付を入力すると...
-
VBAでループ内で使う変数名を可...
-
「PC Helpsoft Driver Updated...
-
CloseとDisposeの違い
-
【Excel】特定の文字を含むセル...
-
switch の範囲指定
-
アクセスVBAのMe!と[ ]
-
Do~Loopした回数をカウントしたい
-
VBA エンターキーでイベントに...
-
Excelシート上のマクロを登録し...
-
インタラクティブの反対語は?
-
こんなことてしますか??
-
ImageMagickでgif画像の一部が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Q&A掲示板の入力フォームに文字...
-
JavascriptでDom XSSの脆弱性対...
-
【JavaScript】検索がヒットし...
-
CSSでreadonlyの機能はあり...
-
JavascriptでXSSの脆弱性への対...
-
formのsubmitを押すとモーダル...
-
確認ダイアログを次からは表示...
-
JavascriptのHTMLクラス表示に...
-
特定の条件のHTML要素を一括で...
-
jQueryでのドラッグアンドドロ...
-
javascriptで複数の表示・非表...
-
jqueryを使ったスムーススクロ...
-
jqueryアコーディオンの上部の...
-
JavaScriptのdiv.style属性の変...
-
2回目以降のページロード時には...
-
javascriptのエラーで質問です。
-
改行をしたいが、<br>と...
-
クリックすると、色が変わるよ...
-
jQueryのCSSで値に変数を使う方法
-
動画の上に広告をオーバーレイ...
おすすめ情報