🐛 Fix: add no-fancybox className to avoid the effect with fancybox.js

ISSUES CLOSED: #211
Molunerfinn · Jan 29, 2020 · e620a07 · e620a07
1 parent 01dad37
commit e620a07
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 15 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -13,4 +13,4 @@
   "stylusSupremacy.sortProperties": "grouped",
   "eslint.autoFixOnSave": true,
   "stylusSupremacy.quoteChar": "\""
-}
+}
diff --git a/source/js/fancybox.js b/source/js/fancybox.js
@@ -1,15 +1,15 @@
 $(function () {
-  var imgList = $('.recent-post-item img')
+  var imgList = $('.recent-post-item img').not('.no-fancybox')
   if (imgList.length === 0) {
-    imgList = $('#post-content img')
+    imgList = $('#post-content img').not('.no-fancybox')
   }
   for (var i = 0; i < imgList.length; i++) {
     var $a = $(
       '<a href="' +
-      imgList[i].src +
-      '" data-fancybox="group" data-caption="' +
-      imgList[i].alt +
-      '" class="fancybox"></a>'
+        imgList[i].src +
+        '" data-fancybox="group" data-caption="' +
+        imgList[i].alt +
+        '" class="fancybox"></a>'
     )
     var alt = imgList[i].alt
     var $wrap = $(imgList[i]).wrap($a)
@@ -22,14 +22,7 @@ $(function () {
     selector: '[data-fancybox]',
     loop: true,
     transitionEffect: 'slide',
-    buttons: [
-      "share",
-      "slideShow",
-      "fullScreen",
-      "download",
-      "thumbs",
-      "close"
-    ],
+    buttons: ['share', 'slideShow', 'fullScreen', 'download', 'thumbs', 'close']
   })
 
   var galleryItem = $('.gallery-item')