Q&A
###前提・実現したいこと
ＷＥＢ上にアルバムのような機能を実装したいと思っています。
色々調べたところ、FancyZoomというライブラリを使用すると簡単との情報に辿り着きました。
■ FancyZoom
http://www.cabel.name/2008/02/fancyzoom-10.html
###発生している問題・エラーメッセージ
画像の拡大については、ほぼこちらの希望通りの結果だったのですが、ふと気がつくと、画像間の移動が出来ない事にきがつきました。
同じもので実装しているわけでは無いでしょうか、こちらのサイトなどは、画像にNEXT PREVが現れ、拡大画像間でも移動が可能なようです。
http://www.amiami.jp/top/detail/detail?scode=FIGURE-028033&page=rt_02
HTML
1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>アルバムテスト</title> 6<link rel="stylesheet" href="../development_test/kanagata_db/sample/style.css" /> 7<script type="text/javascript" src="../common/jquery/jquery-3.1.1.min.js"></script> 8<script type="text/javascript" src="../common/jquery/js-global/FancyZoom.js"></script> 9<script type="text/javascript" src="../common/jquery/js-global/FancyZoomHTML.js"></script> 10 11<script type="text/javascript" src="../development_test/kanagata_db/sample/script.js"></script> 12</head> 13 14<body id="whatever" onload="setupZoom()"> 15 <a href="image/DSCF0491.JPG"><img src="image/DSCF0491.JPG" width="200"></a> 16 <a href="image/DSCF0492.JPG"><img src="image/DSCF0492.JPG" width="200"></a> 17 <a href="image/DSCF0494.JPG"><img src="image/DSCF0494.JPG" width="200"></a> 18</body> 19</html>
http://kujuukuri.heteml.jp/question/question001.html
本当にFancyZoomの実装テストなので、簡単すぎて申し訳ありませんが、現在、画像の拡大についてはうまくいっているHTMLソースとURLになります。
こちらでは、FancyZoomで検索がヒットしないのですが、FancyZoom で画像間で行き来を行う方法のヒントが頂けると幸いです。
あるいは、同様の機能を持つライブラリなどのご紹介でも結構ですので、よろしくお願いいたします。
回答1件
0
ベストアンサー
lightbox 比較 で検索してみれば、色々出てくると思います。
【レスポンシブ対応されたLightbox系プラグイン・ライブラリ 10 | NxWorld】
http://www.nxworld.net/tips/10-responsive-lightbox-plugin-and-library.html
【個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ - かちびと.net】
http://kachibito.net/web-design/10-lightbox-jquery-plugins.html
【Lightbox系のWordPressプラグイン8選 - 簡単に利用できるプラグインを超厳選！ - ネタワン】
http://netaone.com/wp/wordpress-lightbox/
投稿2017/02/19 10:44
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/20 14:17