| 旧TOP ： ホーム > 桐・IT等 > ＨＰ作成 > |   |
| 平成20年12月14日(日):初稿 |
|
○「桐HPB付属画像処理.wfmによる画像拡大リンク」で画像に拡大画像のリンクを貼ったスペイン旅行記事を紹介しましたが、単に拡大画像をリンクしただけでは、特に画像量が多くなると拡大画像を見るたびにいちいち元の画面に戻るのが大変で、大変見づらく、之を何とか出来ないものか，桐師匠【多遊】さんに相談しようと思っている内に，【多遊】さんの方から，大変便利な、画像表示方法簡単改善タグを紹介頂き，早速、このタグを使って改善しました。 ○取り敢えず改善したのは以下のコンテンツです。 小画像をクリックするとこれまでは小画像表示記事から画像だけの記事に飛び，元に戻していましたが，改善により元の記事のまま、拡大画像が表示され，どこかをクリックすると元に戻り，連続画像についてはスライドショーの様にページをめくる感覚で拡大画像のみを連続で観ることが出来ます。 「事務員の育て方－１事件１事務員担当制」 「ＡＮＡクラウンプラザホテル成田紹介」 「マドリッドのホテルアグマール(AGMAR)紹介」 「平成２０年事務所旅行６日目ートレド～マドリッド」 「平成２０年事務所旅行５日目ーセビリア～コルドバ」 「平成２０年事務所旅行５日目ーセビリア～コルドバ」 「平成２０年事務所旅行４日目ー白い村ミハス等」 「平成２０年事務所旅行３日目ーアルハンブラ宮殿等」 「平成２０年事務所旅行２日目ー聖家族教会等」 「平成２０年事務所旅行１日目ーバルセロナ到着」 「平成２０年スペイン事務所旅行出発」 ○その画像表示方法簡単改善タグは、以下の通りです。 桐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文字
|
