サムネイル上のマウス座標と拡大画像の表示位置を連動
サムネイルの横に拡大された画像を表示し、サムネイル上のマウスに合わせて拡大画像が移動
サムネイルをクリックすると、その座標を元に拡大画像を横に表示し、マウスの座標に合わせて画像が表示領域内を移動します。
サムネイルの横に拡大された画像を表示し、サムネイル上のマウスに合わせて拡大画像が移動
サムネイルをクリックすると、その座標を元に拡大画像を横に表示し、マウスの座標に合わせて画像が表示領域内を移動します。
サムネイルが表示されていた位置に拡大された画像を表示し、マウスに合わせて画像が移動
サムネイルをクリックすると、その座標を元にサムネイル位置に拡大画像を表示し、マウスの座標に合わせて画像が表示領域内を移動します。
jQueryで多階層ドロップダウンメニューを生成
メニューを多階層ドロップダウン形式で表示するようにjQueryでの制御を行います。
多階層のアコーディオン(開閉式)メニューを生成
jQueryで多階層のアコーディオン(開閉式)メニューを生成します。
画像幅と吹き出し幅から真ん中を抽出し、吹き出しを表示
画像のサイズに合わせて、吹き出し幅から真ん中の位置を計算し、説明入りの吹き出しを表示します。