サムネイル上のマウス座標と拡大画像の表示位置を連動
サムネイルの横に拡大された画像を表示し、サムネイル上のマウスに合わせて拡大画像が移動
サムネイルをクリックすると、その座標を元に拡大画像を横に表示し、マウスの座標に合わせて画像が表示領域内を移動します。
サムネイルの横に拡大された画像を表示し、サムネイル上のマウスに合わせて拡大画像が移動
サムネイルをクリックすると、その座標を元に拡大画像を横に表示し、マウスの座標に合わせて画像が表示領域内を移動します。
サムネイルが表示されていた位置に拡大された画像を表示し、マウスに合わせて画像が移動
サムネイルをクリックすると、その座標を元にサムネイル位置に拡大画像を表示し、マウスの座標に合わせて画像が表示領域内を移動します。
画像幅と吹き出し幅から真ん中を抽出し、吹き出しを表示
画像のサイズに合わせて、吹き出し幅から真ん中の位置を計算し、説明入りの吹き出しを表示します。
マウスオーバーで画像の説明を画像幅に調整したレイヤーで表示
マウスオーバー時に画像の説明を画像幅に合わせたサイズの半透明のレイヤーで表示します。
複数ある画像の中からランダムで1つ表示
jQueryでページロード時に複数ある画像の中から、ランダムで1つ表示するようにします。