手動にて修正した表現の結果例です Featuredzoomer

Lady.jpg 以下は手動にて修正した結果例です。 最下段にステップリンクがございます。 手動修正する前の「コピペ」直後のトラブルを是非、参照願います。 本記事では判り易い様に領域に色を付けています。  どれも小さな画像をクリックすると通信を開始して、ガイダンス画像を表示します。 そのガイダンス画像にマウスを重ねると通信が開始して、拡大表示されます。 マウスにホイールがあれば、ホイールを回転させると拡大できます。 お試し願います。 どれも1枚目の画像は推奨する240ピクセルのガイダンス画像ですが、隣の画像をクリックすると、320ピクセル、500ピクセル、640ピクセルのガイダンス画像を扱います。 その様な理由で、空間を確保しています。

zoomable
Featured Image Zoomer サンプル
グループ[ 1 ] ここに記事を書きます。
※ サイド・コンテンツが、左配置の場合に、良さそうですね。


zoomable
Featured Image Zoomer サンプル
グループ[ 2 ] ここに記事を書きます。
※ サイド・コンテンツが、左配置の場合に、良さそうですね。


zoomable
Featured Image Zoomer サンプル
グループ[ 3 ] ここに記事を書きます。
※ サイド・コンテンツが、左配置の場合に、良さそうですね。



わたしが選んでいる So-netブログのテンプレートは「右側にサイドコンテンツ」、そして「標準サイズの記事幅」です。 みなさんの選んでいるテンプレートは「左側にサイドコンテンツ」でしょうか? 下のボタンを押すと、「黒 左側 リキッド」を選択可能です。

以下のステップリンクで直前の記事をご覧願います。 「コピペ直後のトラブル」を解説しております。