Home > 2009年03月

2009年03月 Archive

複数の中サイズ画像をクリックで別ウィンドウにリンク

  • Posted by: Penさん
  • 2009-03-21 Sat 08:28:13
  • pc

記事本文を編集時に画像を挿入するには、「画像を選択/解除」釦を押して、既にアップロードしてある画像の中から選択する必要があります。
その選択画面では
1.登録された画像下の「この画像を使用」釦を押して小画像を挿入する
2.登録された画像のサムネールを右クリックして「プロパティ」から小画像のURLをコピーして本文に書き込む
3.登録された画像をクリックして元サイズの画像を表示させ、そのURLをコピーして本文に書き込む
等の方法が選べます。


ここでは第3項の方法を用いて、登録された元の大画像をそのまま記事内に複数並べたのちに、
     ・ タグモードに入って WIDTH=  HEIGHT= で設定する
     ・ ハンドルで任意に調整する(縦横比が固定でないので要注意)
のどちらかの方法で表示画像サイズを加減してあります。


更に、表示画像をクリックしたときに、別のウィンドウで拡大画像が表示されるように、各アンカータグの中に、
target="_blank"を手入力で追加記載してあります。


 




 画像をクリックすると、別のウィンドウが開き拡大画像が表示されます。


尚、 画像の登録(アップロード)についてはこちらを参照してください。

本文エリアに 大画像を並べる

  • Posted by: Penさん
  • 2009-03-19 Thu 17:13:28
  • pc
記事本文を編集時に画像を挿入するには、「画像を選択/解除」釦を押して、既にアップロードしてある画像の中から選択する必要があります。
その選択画面では
1.登録された画像下の「この画像を使用」釦を押して小画像を挿入する
2.登録された画像のサムネールを右クリックして「プロパティ」から小画像のURLをコピーして本文に書き込む
3.登録された画像をクリックして元サイズの画像を表示させ、そのURLをコピーして本文に書き込む
等の方法が選べます。

ここでは第3項の方法を用いて、登録された元の大画像をそのまま記事内に複数並べるだけにしてあります。
(クリックによる画像拡大は含まれていません)







尚、画像が大きすぎて画面からはみ出すのを防ぐため、各イメージタブに「width=100%」を手入力で追加してあります。

本文エリアに 複数サムネール⇒クリックで拡大

  • Posted by: Penさん
  • 2009-03-19 Thu 15:18:56
  • pc

記事本文を編集時に画像を挿入するには、「画像を選択/解除」釦を押して、既にアップロードしてある画像の中から選択する必要がある。


その選択画面では
1.登録された画像下の「この画像を使用」釦を押して小画像を挿入する
2.登録された画像のサムネールを右クリックして「プロパティ」から小画像のURLをコピーして本文に書き込む
3.登録された画像をクリックして元サイズの画像を表示させ、そのURLをコピーして本文に書き込む等の方法が選べます。


 ここでは第2項の方法で得た小画像を本文記事内に複数並べ、それらをクリックすると大画像が表示されるように、第3項で得られる拡大画像のURLにリンクを貼っています。
その際、「TEXTエディタ」画面の「IMG」釦を使ってもよいが、「HTMLエディタ」画面の方が判り易いかもしれません。
但し、、「HTMLエディタ」画面の画像挿入釦を使うときには、1画像を挿入したら必ず「スペース」を入れることが必要となります。


 小画像を横に並べる事例:


   
画像をクリックすると、大きな画像が出ます。 


上記の事例では、「<>」釦でhtmlのタグ編集画面にはいり、<a>タグでのURL指定のあとに、 target="_blank" を手入力することで、大画像を別ウィンドウで表示されるようにしてあります。


例: <A href="http://blogimg.goo.ne.jp/user_image・・・.jpg" target="_blank">
 

Index of all entries

Home > 2009年03月

タグクラウド
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム
QRコード

Return to page top