いつもお世話になっております。
http://zend.lojcomm.com.br/icarousel/
こちらの横スクロールプログラムを使ってメニューを作ろうといじっている所なのですが、
<script>
window.addEvent("domready", function() {
new iCarousel("example_5_content", {
idPrevious: "example_5_previous",
idNext: "example_5_next",
idToggle: "undefined",
item: {
klass: "example_5_item",
size: 172
}
この部分のsize:172という記述の部分が一体何を示しているのか分からずつまずいております。
itemとあるので表示させている画像の事だと思うのですが、画像の幅でもないし表示させる合計の幅でもないし、何故172と記述されているのかも分かりません。
どうか宜しくお願い致します。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
> ではもし50pxの画像なら50で良いのでしょうか?
そう言うことになりますね。
> デフォルトがどこの数字でもなかったので何かから割り出した数字だと思ったのですが…
そりゃまぁ、利用者がどんなサイズの画像を使うか何てわかりませんから、
どんなライブラリでも、デフォルトは適当な数値か、作者が勝手に決めた見やすそうな数値になってると思いますよ。
この回答への補足
>そりゃまぁ、利用者がどんなサイズの画像を使うか何てわかりませんから、
いえ、サンプルで動いていた時のjavascriptがsize: 172となっていたのですが、画像のサイズは172pxではなかったんです。
それで正常に動作していたので何か方式があると思っていました。
試しに画像サイズ(+margin+padding)を指定してみたのですが、最後から最初の画像へスクロールする際に動作がおかしくなってしまいます。
No.3
- 回答日時:
featuresに書かれています。
> (object) item
> (string) klass (default "item")
> (int) size (default 100) - The relevant size of item :: required only by "scroll" type.
一言で言うと拡大画像の横幅
翻訳サイトを通せば、ある程度読めると思います。
無料で利用できる英和翻訳サイトなら多いですしね。
拡大画像の横幅ですか…
ではもし50pxの画像なら50で良いのでしょうか?
デフォルトがどこの数字でもなかったので何かから割り出した数字だと思ったのですが…
No.2
- 回答日時:
iCarouselと言う関数の第2引数が何に使われているか調べれば解ると思います。
コンストラクタ関数として使っているようなのでオブジェクトのプロパティの値になるんでしょうね。
iCarouselと言う関数の中で
this.○○=○○.item.klass;
//これは本当はclassとしたかったんでしょうね。とするとclass属性値かな?
this.○○=○○.item.size;
//そうするとこれはclass="example_5_item"の要素の幅か高さかな?
と言う記述が目印なんでしょう。
それがdomreadyと言うイベントで作られるんでしょう。
これがDOM構築が終ったら呼び出されるのかな?
たぶん
なんか解析するのが面倒そうなスクリプトですね。
window.addEventと言うメソッドも普通のDOMにありませんよね。
予想ですので参考になるかどうか・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- 英語 「~, such as, for example,~」例示表現を並べる意図について 2 2022/07/04 18:43
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- PHP 記述のおかしいところを教えて下さい。 1 2023/02/03 11:25
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Javascriptで指定した日付と時...
-
画像削除機能を付けたい
-
ボタンをクリックした時に、キ...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
smartRolloverのカスタマイズに...
-
スワップイメージが上手く動作...
-
画像をフォルダに入れれば表示...
-
JavaScriptでスライドショー
-
<table>、もしくは<iframe>内で...
-
javascriptのitem?klassとは?
-
textareaに画像を表示したい
-
画像をクリックしてその地点の...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
JSPでの画像ファイル表示
-
iframe内のリンクが飛ばないの...
-
javascriptテキストBOX色を元に...
-
javascriptで複数の画像をラン...
-
javascript 時計24時間表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
1枚の画像をクリックすると複数...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
edgeでスクロールバーに色が表...
-
画像の上に画像リンクを貼る方法
-
prettyphotoの画像表示について
おすすめ情報