大きい画像のスクロール表示

最近大きいサイズの画像をアップすることが多くなったんですが、今まではモニターより大きいサイズの画像は、スクロール出来なくて全部見ることはできませんでした。そこで、モニターより小さい画像はスクロールバーは出さない、モニターより大きい画像はスクロールバーを出すという風にして、大きいサイズでもスクロールして見ることが出来るように変更しました。
テスト画像1 (2400✕1600)
20130119-_dsc2904
テスト画像2 (1200✕800)
20130119-_dsc3565
/nucleus/libs/BODYACTIONS.php を変更

■スクロールバーを出すように変更(scrollbars=noをyesに変更)
136行目を変更	$vars['popupcode'] 		= "window.open(this.href,'imagepopup','status=no,toolbar=no,scrollbars=no,resizable=yes,width=$windowwidth,height=$windowheight');return false;";
            ↓
$vars['popupcode'] 		= "window.open(this.href,'imagepopup','status=no,toolbar=no,scrollbars=yes,resizable=yes,width=$windowwidth,height=$windowheight');return false;";
■scrollbars=yesに変更すると常にスクロールバーが出るので、画像が小さい場合はスクロールバーを出さないようにする。
132行目を変更	$windowwidth = $width;
            ↓
$windowwidth = $width+5;
133行目を変更	$windowheight = $height;
            ↓
 		$windowheight = $height+5;

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください