lightboxがchromeで効かなのですが、
原因がわかりません。
下記のソースをデモとして試しに動かしてみたのですが、
動きませんが。
ちなみにサーバーはロリポップで、サイトは、ベーシック認証をかけています。
取得元はこちらになります。
http://blog.raizzenet.com/how-to-use-lightbox2/
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" /> <link href="css/main.css" rel="stylesheet" media="all" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <title>lightbox demo | blog.raizzenet.com</title> </head> <body> <h1>Lightboxのデモ</h1> <a href="images/s001.jpg" data-lightbox="lightbox" data-title="S001"><img src="images/s001.jpg" width="256" /></a> <script type="text/javascript" src="js/lightbox.min.js"></script> <script> lightbox.option({ 'fitImagesInViewport' : true, 'showImageNumberLabel': true, 'alwaysShowNavOnTouchDevices': false, 'fadeDuration': 100, 'resizeDuration': 500, 'positionFromTop': 100, 'wrapAround': true }) </script> </body> </html>
回答2件
あなたの回答
tips
プレビュー