Код работает, но по какой-то причине эффект не работает, когда я открываю сайт в окне браузера (firefox). Я попробовал другой браузер, но то же самое. Я использую TextWrangler для написания своего сайта. У меня также есть Dreamweaver, и я тоже это пробовал, но по какой-то причине плагин не будет работать ... поэтому я использовал CodePen, чтобы увидеть, работает ли код и что он делает! Есть ли подсказки или подсказки, почему плагин не отображается при просмотре в браузере? Here is Magnific Popup Documentation Я связал и загрузил скопированные css и js-файлы Magnip. I tried it in CodePen and it works I just changed on the image Magnific Popup Plugin Не отображается при просмотре в браузере
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Gallery Test</title>
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="dist/magnific-popup.css">
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Magnific Popup core JS file -->
<script src="dist/jquery.magnific-popup.js"></script>
</head>
<body>
<h1>Gallery Test</h1>
<a class="image-popup-vertical-fit" href="images/yellow-cactus.jpg" title="Yellow Cactus">
<img src="images/yellow-cactus-small.jpg">
</a>
<script>
$(document).ready(function() {
$('.image-popup-vertical-fit').magnificPopup({
type: 'image',
closeOnContentClick: true,
mainClass: 'mfp-img-mobile',
image: {
verticalFit: true
}
});
});
</script>
</body>
</html>