匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

boxerという写真を拡大できるプラグを設定しました。

参考サイトでは、pcで見た時とスマホで見た時の表示のされ方が違っていました。
分岐させる書き方があるのでしょうか?
このままの記述で、レスポンシブ対応になっているのでしょうか?

<script type="text/javascript">
$(function(){
$(".boxer").boxer();
});
</script>
</head>

<body>
<div id="menu">
<ul id="menuimg" class="clearfix">

<li><a href="img/s_photo_01.png" class="boxer" title="Caption One" data-gallery="gallery"><img src="img/s_photo_01.png" width="185" height="150" alt="画像:風景" title="画像:風景"></a></li>
</ul>
</div>
</body>
</html>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/12/27 13:07:32
  • 終了:2016/01/03 13:10:03
匿名質問者

質問者から

匿名質問者2015/12/28 18:56:00

変な表示になっていますね。

  • 画像:風景

  • この様に記述しています。

回答(1件)

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2015/12/27 20:41:21

jQuery - Lightboxプラグイン「Boxer」

「Boxer」はLightboxやモーダルウィンドウを実装できるjQueryプラグインです。画像だけでなく動画にも対応しています。
モバイル環境にも最適化されていて、#レスポンシブ 対応で、#スワイプ も設定で可能となっており、タッチフレンドリーなプラグインになっています。

他1件のコメントを見る
匿名回答1号

http://classic.formstone.it/components/boxer
余計なことをしなくてもスワイプできます。
DEMO が動くのであれば Boxer の使い方ではなく埋め込んだページの方に問題があるのでしょう。

2015/12/27 23:09:10
匿名質問者

あのままの記述で大丈夫という事ですね^^;
ありがとうございます。
一応、
$(function(){
$(".boxer").boxer();
});
こちらの記述では動きました。
もう一度、ページを見直してみます!

2015/12/27 23:53:43

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません