###前提・実現したいこと
PCサイトの制作でheight:6000px,width:6000pxのウィンドウ幅にコンテンツを配置するサイトを制作します。
UIとしてGoogle MapのようなZoomとDragを用いることで大きなウィンドウズ幅での操作性を解消しようと考えています。
・Dragに関して
jQueryUI Droppableを用いて、contentのレイヤ全体を動かすことでgoogleMAPの場合はAjaxで新しく画像・位置情報を取得していますが、静的サイトのためjQueryUIで実装可能と考えています。
もし参考サイトを知っていたら教えてほしいです!!
<div class="wrapper"> <div class="content"> ・・・・コンテンツが配置される </div> </div>###発生している問題・エラーメッセージ
Zoomingに関しては、画像に関してはできるものがあるみたいですが、ウィンドウ全体を拡大縮小をscrollで可能にしてくれるライブラリが見つからない。自分で書いたほうがいいのですかね、Jqueryからウィンドウの拡大縮小を取得して、スクロール値と連動させるっていうことですかね?
###試したこと
wheelzoomでウィンドウ内でズーミングができないか試しました。
###参考URL
googleMap
https://www.google.co.jp/maps/
wheelzoom
http://www.jacklmoore.com/wheelzoom/
iscroll
http://iscrolljs.com/#zoom
zoomingのイメージ(参考サイトみていると自分で書いたほうが早い気もしますが・・・)
http://express.nippondesign.co.jp/demo/js/20131211-jquery-css-zoom/
http://pastak.hatenablog.com/entry/2015/04/02/034234
何かと失礼あるかもしれませんがお答えいただければ幸いです。よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。