jquery.fs.zoomer.jsを使って画像を拡大・縮小（ズーム表示）する方法｜DAD UNION – エンジニア同盟
jquery.fs.zoomer.jsを使って縦・横サイズが大きい画像を拡大・縮小（ズーム表示）する方法をご紹介します。 使用した画像 ※横644px×縦828pxのjpg画像を使用しました。 jquery.fs.zoomer.jsを使って画像を拡大・縮小（ズーム表示）するCSSの記述 ※jquery.fs.zoomer.cssファイルを読み込みます。以下は必要に応じて変更して下さい。 <style type="text/css"> <!-- .zoomer_wrapper{ border: 1px solid #ddd; border-radius: 3px; height: 500px; margin: 10px 0; overflow: hidden; width: 100%; } .zoomer.dark_zoomer{ background: #333 url(zoomer-bg
jQueryの.cssとzoomでページ全体を拡大・縮小表示してみる｜DAD UNION – エンジニア同盟
jQueryでやる必要もないかもしれませんが、jQueryの.cssとzoomを使ってページ全体を拡大・縮小させてみます。 zoomさせるためのクリックボタンのCSSの記述 ※zoom表示させるためのボタンのcss記述です。必要に応じて変更して下さい。 <style type="text/css"> <!-- .cWrap{ width:800px; height:800px; margin:0 auto; border:solid 3px #333; } .clBtn{ width:120px; height:35px; background-color:#333; color:#fff; font-weight:bold; margin:20px auto; line-height:2.2em; cursor:pointer; } .clBtn:hover{ width:120px;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
