CATEGORY

jQuery関連

  • 2014年1月9日
  • 2014年3月9日
  • 0件

画像に沿ってテキストを回り込ませる

HTML 上で、画像+テキストを表示する際に、画像のフチに沿ってテキストを回り込ませたい場合は、jQuery の jQSlickWrap プラグインが使いやすそうです。 プラグインは以下のWebサイトから。 jQSlickWrap – Slick text wrapping for jQuery 右の画面が表示されたら、「download it!」ボタンを押すと、ブラウザに 「jque […]

  • 2013年10月21日
  • 2013年11月6日
  • 0件

スナップショットに写真を追加

スナップショットに「雑記帳」と「医院のひとこま」で使用している写真を追加しました。 これまでは、記事ページへの掲載にならない、単独に撮影された写真を中心に掲載しておりましたが、ページ下部の隙間が寂しいので埋めてみた次第です。 写真点数は、22枚から183枚になりました。 今後は、ホームページ更新(ニュースレターの記事転載)のタイミングで写真を追加する予定です。 サムネイルの表示には、masonry […]

  • 2012年7月24日
  • 2013年11月6日
  • 0件

意外と奥が深いレスポンシブ・デザインかな

横幅1920ピクセルでの表示です。 サムネイル画像の数が少ないので、下部に空間が出来てしまいます。 サムネイル画像のサイズを少し大きくすると、さらに良いのかも知れませんが、・・・そうすると、さらに複雑に・・・。 ブラウザの幅を狭めて行くと、サムネイル画像が自動的に移動して、表示がかわります。 実際は、画像移動がアニメーション表示されます。 jQuery Masonry(メイスンリー)による可変グリ […]

  • 2012年7月16日
  • 2013年11月6日
  • 0件

LightBox2

jQueryの定番プラグインLightBox2を使用してみました。 思った以上に設定方法が簡単なのに、見た目が良くなるので人気があるのもわかります。 プラグインとCSSファイルを組み込んだら、 <a>タグ内にref=”lightbox[group_name]” を記述するだけ。 title=”説明文” を追加すると、titleに記述した文章が、オーバーレイ表示した画像の下部 […]