以下の「maxPoint」のようなスマートフォン専用サイトの横フリックナビゲーションをプラグイン無しで設置したいです。
http://hokaccha.github.io/js-flipsnap/demo.html
具体的な構成は以下の通りです。
lang
1<div class="hoge"> 2<ul> 3<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 4<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 5<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 6<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 7<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 8<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 9<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 10<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 11<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 12<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 13<li class="固有class名"><a href="#固有id名"><img src="固有URL"><p>固有名詞</p></a></li> 14</ul> 15</div>
■ご注意点
(1)サンプルの様に要素がきりよく収まるのではなく下記のように見切れることで続きがあることを表現したいです。
https://gyazo.com/5e26595619a5222ce52958ab6dd4b22a
(2)「固有」部分は全て異なるユニークな文字(数)列です。
(3) 特殊環境化であるため以下のメソッドが使用できません。
・eval
・alert
・confirm
・prompt
・top
・self
・parent
・XMLHTTPRequest
・document
・window
以上を踏まえた上でご教授の程よろしくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/29 06:56