Skip to content
Permalink
Browse files

Added flag to turn off image featherlight

  • Loading branch information
JianLoong authored and matalo33 committed Oct 6, 2019
1 parent bed0a6c commit 3ea5bca755842321ad3ec1a2b706c630bc9b6d39
Showing with 15 additions and 2 deletions.
  1. +8 −0 exampleSite/content/cont/markdown.en.md
  2. +7 −2 static/js/hugo-learn.js
@@ -663,3 +663,11 @@ Add a HTTP `classes` parameter to the link image to add CSS classes. `shadow`and
![stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg?classes=border,shadow)
```
![stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg?width=40pc&classes=border,shadow)
### Lightbox
Add a HTTP `featherlight` parameter to the link image to disable lightbox. By default lightbox is enabled using the featherlight.js plugin. You can disable this by defining `featherlight` to `false`.
```markdown
![Minion](https://octodex.github.com/images/minion.png?featherlight=false)
```
@@ -21,8 +21,13 @@ var images = $("div#body-inner img").not(".inline");
// Wrap image inside a featherlight (to get a full size view in a popup)
images.wrap(function(){
var image =$(this);
if (!image.parent("a").length) {
return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
var o = getUrlParameter(image[0].src);
var f = o['featherlight'];
// IF featherlight is false, do not use feather light
if (f != 'false') {
if (!image.parent("a").length) {
return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
}
}
});

0 comments on commit 3ea5bca

Please sign in to comment.
You can’t perform that action at this time.