• ベストアンサー

javascript ColorBoxの最大縦幅変更について

javascript ColorBoxの最大縦幅変更について いつもお世話になります。 ColorBoxは最大縦幅が決まっているようで、一定以上の大きさの内容を入れるとボックス内部にスクロールバーが表示されてしまいます。内容に応じて縦幅を自由に伸縮できるようにしたいのですが、どのようにすればよいかわかりません。 ColorBoxを使用された経験がある方や、JavaScript得意な方見えましたらご教授いただけないでしょうか。 ColorBox http://colorpowered.com/colorbox/ 以上、よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

ColorBoxで画像を表示されているのでしょうか、 ColorBoxのオプションに width,height,innerWidth,innerHeight,maxWidth,maxHeight scalePhotos,scrolling 等、表示サイズにかかわるパラメーターが幾つかあります。 ドキュメントの説明は多少わかりにくいので、いくつか実際に 試して見るとよく解ると思います。 単に、widthとheightを100％にして、maxWidth,maxHeightを 指定しなければ、伸縮してスクロールバーが出ないと思うんですけど．．． 具体的に、これこれの設定をしたけど、なになににならなかった。 みたいな具体的な質問のされ方をしないと、漠然とした聞き方では、 的確な回答は困難でしょう。

Shinroh
質問者

お礼

yyr446さん ご回答おくれて申し訳ありません。 パラメータいくつかあげていただいたおかげで、雰囲気がすぐにつかめてなんとかなりました。 ご回答ありがとうございます！ ありがとうございました！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • スクロール文字について

    今、HPを制作しています。そこでスクロール文字についてご質問です。 今はWindows環境で制作しています、MAQEEを使うかJavaScriptで作るか迷っています。出来ればJavaScriptで作りたいと思っています（といっても知識がないので、コピペになりますが） MAQEEだとIEでしか見えないっていう欠点があります、ただし記述も簡単ですし、テーブルの中で使うので、そのテーブルも大きさも簡単に変えることが出来るのでバランスがとれます。 JavaScriptだと基本的にブラウザに依存することなく、offにしてないかぎり見ることができますよね、ただテキストボックスの中で動くことになるので、そうなると一行テキストボックスの縦幅の大きさが一定でもう少し大きくしたくも出来ません、これは記述次第ではこの縦幅を変えることって出来るんですか？もしくは、テキストボックスを使わずに、テーブルの中にスクロール文字を作ることが出来るんでしょうか？ ご存知の方、よろしくお願いします。

    • ベストアンサー
    • HTML
  • javascriptのエラーについて

    javascriptのエラーについて。初心者です。 最近、学校でjavascriptの勉強をしていて、セレクトボックスの並び替えを以下のサイトで参考にさせていただきました。http://blog.asial.co.jp/268 そして自分で少しアレンジしてみようと思い、 ・リストを「あ から ん」までに変更 ・リストの増加に伴い、縦スクロールバーの追加 以上の2点を行いました。 そして動かしてみたところ、スクロールバーを下に移動させ、「ら」などを選択し、並び替えを行うと、 スクロールバーが強制的に一番上に移動してしまいます。もちろん表示も「あ」付近を表示しています。 並び替えは正しく行われています。 自分はselectbox.focus()が原因だと考えていますが、 この一文を消すと二番目を一番上と入れ替える際に、リストボックス内にマウスカーソルを乗せないと、並び替えが画面に 反映されないという不具合が起こってしまいます。 実行環境はIEを使用しています。 分かる方がいましたらご回答よろしくお願いします。 ちなみにソースコードなのですが学校のパソコンにあるためここに載せることはできないです。 まことに申し訳ありません。

  • 最大化ボタンにストライプ

    Winの98です。最小化、最大化、閉じるの3つのボタンと、終了のダイアログボックスのチェックボックス、スクロールバーの上下のスクロールボタンなどに、緑色のストライプが表示されます。無視すれば支障はないのですが、気持ちが悪くて・・・。TrueTypeのフォントのキャッシュはクリアしましたが、変わりません。よろしくお願いします。

  • javascriptでの独自スクロールボタン作成

    IEで通常のスクロールバーは非表示にし、javascriptでjQueryを使用せずに、 上下ボタンおよびスクロールバーを作成することは可能でしょうか？ また可能な場合、どのような方法で作成できるかご教授いただきたく思います。 この作成にあたってはhtmlの親子関係やテキストボックスを使用しない場合の ボタン作成を想定しています。

  • PictureBoxの背景色変更（VB.NET）

    最近、VB.NETを勉強し始めた初心者です。 スクロールバーとテキストボックスを利用し PictureBoxの背景色を変更させるプログラムを作りたいのですが 色変更のやりかたがわかりません。 赤・緑・青に対応した３本のスクロールバーと３つのテキストボックスを用意し スクロールバーを動かす、もしくはテキストボックスに値を直接入力すし ボタン１を押すと、PictureBoxの背景色が入力した値に応じて変わるように設定します。 スクロールバーを動かした時は、テキストボックスにスクロールバーの値を表示させます。 実行直後は赤・緑・青の全てが０ですので、黒になっています。 （なお、値の最大は２５５です） また、実行直後のテキストボックスは「０」と表示するようにします。 ボタン２を押すとすべての値が初期化され、実行直後と同じ状態になります。 いろいろと調べたのですが、未だにわからず困っています。 それぞれの配置やスクロールバーの値の範囲設定等はすべて書き終えています。 やりかたがわかるかたがいましたら、教えていただけますか。 お願いします。

  • 最小化・最大化・閉じるボタンが0,1,2に

    ソフトのインストールしたときにに失敗したのか？ 最小化・最大化・閉じるボタンが0,1,2の表示になってしまいました。チェックボックス、スクロールバー矢印の表示も、へんなんですが。たぶんレジストリーの値が書き変わってしまっているのでしょうが、どのたか再インストールしないで、元に戻す方法をご存知の方いませんか。 　よろしくお願いします。

  • JavaScriptで表示を変更したブラウザ画面の保存方法

    お世話になります。 このカテゴリーの質問ではないかも知れませんが、質問させてください。 ブラウザに表示されたテーブルに対してクリックしたセルや行、列の色を変える等するようなJavaScriptを作成しました。 質問したいのは、 (1)「JavaScriptを用いてセルや行、列の色が変わった状態」のブラウザの画面を保存できないでしょうか？（IE7の機能で保存すると、当然のことと言えばそれまでですが、JavaScriptを用いて設定した色等は、無効になります。 (2)もし(1)が不可能なら、ブラウザの非表示エリア(HTML文書が縦方向や横方向に大きくなって、スクロールバーを用いなければ表示されないエリア。input type="hidden"ではありません。)も含めて、簡単な操作で画面のコピーを取得することは可能でしょうか？(PrtScキーでは、非表示エリアのコピーを取得するには、スクロールバーを用いてスクロールせねばならず、かなり面倒です。) 特に(2)に関しては、もしそのようなツールがもしあれば、御紹介頂けないでしょうか？ 以上よろしくお願いします。

  • ブラウザのスクロールバーの長さを制御

    ブラウザのスクロールバーの制御をしたいのですが、 いい方法が見つかりません。 たとえば、縦の長さ800pxある画像を表示させたときに 500pxまではブラウザのスクロールバーを非表示にさせ、 500px以下になったときにはじめてスクロールバーが表示される形を再現したいです。 この時、例えばブラウザウィンドウの縦幅を480pxにした場合は 差分の20px分のみのスクロールバーが出てきてほしいのですが、 単純にjavascriptで判別させてoverflowの切り替えをしてしまうと、 800px分のスクロールバーが出てしまうのです。 ちなみに画像は背景としてではなく、あくまでも画像として配置したいと思っています。 何かいい方法があればご教授ください

    • 締切済み
    • CSS
  • 同じページにJavaScriptは２つできないの？？

    つたないHPを作っています。今は「何行かのテキストボックスの文字をスクロール」というJavaScriptを１つ使っています。 さらにもう１つJavaScriptを使用したいのですが、うまく作動してくれません。同じページに２つ使うことはできないのでしょうか？ 新しく使用したいのは、http://jun89.xdap.jp/でみつけたオリジナルJS素材の「ひながた用吹出し」の「画像の泡」というものです。ここのソースをコピーしてそのまま貼り付け、画像だけ変えました。この「ひながた用吹出し」はきちんと作動するのですが、「何行かのテキストボックスの文字をスクロール」が作動しません。 headの中に２つのJavaScriptを入れて、<body onLoad="star()""roll()">として、その後bodyの中に必要なものを入れています。この設定が間違っているのでしょうか？２つ同時に設定せずに、１つずつではきちんと作動しています。 PC初心者で、きちんとしたPC用語で説明できていないので、わかりづらいかと思いますが、よろしくお願いいたします。

  • スクロールバーのスクロール量の変更

    以前も質問をしましたが回答を頂けませんでした ので、内容を少し変えて質問します。 今、HPを制作しておりましてあるページの 縦スクロールバーのスクロール量（移動量）を 変えたい（1回のクリックでスクロールする幅を 変更したいと思っておりますが、javascriptか 何かで簡単にできますでしょうか？ どのサイトをみても自動スクロールのことに ついてしか書かれていなかったので、本当に 困っています。 どなたか宜しくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する