問題リストに画像をアイコンとして設定する | 暗記の井戸HTML5

問題リストに画像をアイコンとして設定する

手順は

  1. ブラウザ等を用いてアイコンにしたい画像へのリンク(URL)をコピーする
  2. 本アプリを起動する
  3. アイコンを設置したい問題リストの項目をタッチする
  4. フッタにある「編集」ボタンにタッチして編集画面に移動する
  5. 「問題の名称」「問題の概要」のいづれかに1でコピーしたURLを貼り付ける
  6. 「更新」ボタンをタッチする
  7. 本webアプリを再読込みする

ブラウザ等を用いてアイコンにしたい画像へのリンク(URL)をコピーする

Google等で検索します。

今回は「外務省 国旗」を選択しました。

国旗の画像のキャッシュをGETします。

拡大してみました。

iPod-touchの場合、長押しでこういう画面になりますので、「コピー」をタッチして画像URLをクリップボードにコピーしておきます

「問題の名称」「問題の概要」のいづれかに1でコピーしたURLを貼り付ける

「問題リスト」の問題を選択して、(フッタメニュ)から[■編]を選択して問題リスト編集画面を出します

ここに先ほどクリップボードにコピーした画像URLをペーストします

ペースト後、ソフトキーボードで[完了]ボタンをタッチした画面です

「更新」ボタンをタッチする

「更新」ボタンをタッチするとこうなります。画像は出てきましたがアイコンになっていません

本webアプリを再読込みする

ブラウザで再読込みします

再読込み中

再読込み中

画像が左端に収まってアイコンらしくなりました

c 2011 KrasavKana