仙台,弁護士,小松亀一,法律事務所,宮城県,交通事故,債務整理,離婚,相続

旧TOPホーム > 桐・IT等 > HP作成 >    

画像表示方法簡単改善タグ紹介

平成20年12月14日:初稿
「桐HPB付属画像処理.wfmによる画像拡大リンク」で画像に拡大画像のリンクを貼ったスペイン旅行記事を紹介しましたが、単に拡大画像をリンクしただけでは、特に画像量が多くなると拡大画像を見るたびにいちいち元の画面に戻るのが大変で、大変見づらく、之を何とか出来ないものか,桐師匠【多遊】さんに相談しようと思っている内に,【多遊】さんの方から,大変便利な、画像表示方法簡単改善タグを紹介頂き,早速、このタグを使って改善しました。

○取り敢えず改善したのは以下のコンテンツです。
小画像をクリックするとこれまでは小画像表示記事から画像だけの記事に飛び,元に戻していましたが,改善により元の記事のまま、拡大画像が表示され,どこかをクリックすると元に戻り,連続画像についてはスライドショーの様にページをめくる感覚で拡大画像のみを連続で観ることが出来ます。

「事務員の育て方-1事件1事務員担当制」
ANAクラウンプラザホテル成田紹介」
「マドリッドのホテルアグマール(AGMAR)紹介」
「平成20年事務所旅行6日目ートレド~マドリッド」
「平成20年事務所旅行5日目ーセビリア~コルドバ」
「平成20年事務所旅行5日目ーセビリア~コルドバ」
「平成20年事務所旅行4日目ー白い村ミハス等」
「平成20年事務所旅行3日目ーアルハンブラ宮殿等」
「平成20年事務所旅行2日目ー聖家族教会等」
「平成20年事務所旅行1日目ーバルセロナ到着」
「平成20年スペイン事務所旅行出発」

○その画像表示方法簡単改善タグは、以下の通りです。
桐HPBでの拡大画像をリンクさせるタグは,以下の通りです。
従前は「<a href="imgs/大"><img src="imgs/小"></A>」でした。「大」に拡大画像ファイル名を、「小」に縮小画像ファイル名を記述します。
imgs/」は画像を入れるフォルダをimgsに指定しているための記述です。

これを「<a href="imgs/大"rel="lightbox [forest]"><img src="imgs/小""></A>」として
rel="lightbox [forest]"
を加えただけです。

勿論、これだけではなく各種gifファイルも必要で、詳しくは
別窓を開かずに、その場で拡大画像を表示!
に解説されていますので,参考にして下さい。
以上:1,068文字

タイトル
お名前
email
ご感想
ご確認 上記内容で送信する(要チェック
※大変恐縮ながら具体的事件のメール相談は実施しておりません。

 


旧TOPホーム > 桐・IT等 > HP作成 > 画像表示方法簡単改善タグ紹介