www.wanichan.com

画像をクリックするとサイズが指定されたポップアップウィンドウを表示するには

Section 5 ビヘイビアー
最終更新日時:2013/11/09 12:06:26
  • このエントリーをはてなブックマークに追加
たとえば、フォトギャラリーのようなWebページで、小さな画像をサムネイルのように一覧表示し、画像をクリックすると指定されたサイズのブラウザーのウインドウ内に画像を拡大して表示することがビヘイビアーを利用して作成できます。

画像をブラウザの新しいウィンドウ内に表示する

  1. あらかじめ指定されたサイズで開くブラウザーのウィンドウに表示するWebページに画像を挿入して、準備しておきます。
  2. ブラウザのウィンドウで表示する画像があるWebページを開き、対象部分を選択します。
  3. [書式設定]メニューの[ビヘイビアー]をクリックします。
  4. [ビヘイビアー]パネルの[挿入]ボタンをクリックして、[ブラウザ ウィンドウを開く]をクリックします。
  5. [ブラウザウィンドウを開く]ダイアログボックスの[参照]ボタンをクリックします。
  6. [ハイパーリンクの編集]ダイアログボックスが表示されたら、ブラウザのウィンドウに表示するWebページを選択し、[OK]ボタンをクリックします。
  7. [ウィンドウ名]ボックスに任意の名前を入力します。
  8. [ウィンドウの幅]と[ウィンドウの高さ]のボックスに任意の値をピクセル単位で指定します。
  9. 必要に応じて[属性]で該当するチェックボックスをオンにします。ここではポップアップサイズ変更できないようにするために、[サイズ変更ハンドル]チェックボックスをオンにします。ここでオンにした項目がブラウザウィンドウに表示されます。
  10. [OK]ボタンをクリックします。
  11. [ビヘイビアー]パネルにイベントとアクションが設定されます。
  12. 上書き保存して[F12]キーを押しブラウザーでプレビューします。既定ではスクリプトやActive Xコントロールがブロックされているので、[ブロックされているコンテンツを許可]するようにしてください。
  13. 画像をクリックすると、指定されたサイズのブラウザのウィンドウに画像が表示されました。
スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ