Expression Web 4 Beginner's Guide

Expression Web初心者向けガイド。ステップバイステップで解説していきます。

オートサムネイル画像のリンク先を新しいウィンドウで開くように設定するには

Section 4 サムネイル画像の作成
最終更新日時: 2020/07/20 13:38:32
  • このエントリーをはてなブックマークに追加

オートサムネイル機能を使ったWebページにおいて、元画像を新しいウィンドウで開くように設定する方法について説明します。

はじめに

オートサムネイル機能を使った場合、リンク先の元の画像は同じブラウザウィンドウ内で表示されます。すると、ブラウザの[戻る]ボタンもしくは[BackSpace]キーを使わないと元のWebページに戻ることができません。

そこで、その画像を新しいウィンドウで開いて、そこに表示するには、<img>タグを囲んでいる<a>タグに新しいウィンドウで開くように属性値を設定します。検索と置換機能を利用することで、効率的に設定が行えます。

操作方法

  1. [編集]メニューの[検索]をクリックします。
  2. [検索と置換]ダイアログボックスが表示されたら、[HTML タグ]をクリックします。
  3. [検索するタグ]ボックスの▼をクリックして、一覧から「a」を選択します。
  4. [置換の処理]ボックスの▼をクリックして、一覧から[属性値の設定]を選択します。
  5. [属性]ボックスの▼をクリックして、一覧から「target」を選択します。
  6. [属性値]ボックスの▼をクリックして、一覧から「_blank」を選択します。
  7. [HTMLのルール]ボタンをクリックします。
  8. [HTMLのルール]ダイアログボックスが表示されたら、[新しいルール]をクリックします。
  9. 下のボックスには下の図のように左側から
    [次の属性]、[href]、[次の値を含む]、[.jpg]と指定して、[OK]ボタンをクリックします。
  10. 最後に[すべて置換]ボタンをクリックします。

  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ