mirror of
https://github.com/discourse/discourse.git
synced 2025-04-28 09:04:32 +08:00
Use image gallery feature of magnific
commit cc7061e9458d04dd02aad9c02ba3a89306e0fae7 Author: James Kiesel <james.kiesel@gmail.com> Date: Tue Apr 25 11:21:08 2017 +0900 ; commit 9233be7e432daff605812e6b49042f69d348b6e7 Author: James Kiesel <james.kiesel@gmail.com> Date: Tue Apr 25 10:01:26 2017 +0900 Don't break if $elem is undefined commit 598a694c070c86df8d9f5ffa1ed84e2f8756e65f Author: James Kiesel <james.kiesel@gmail.com> Date: Tue Apr 25 04:51:14 2017 +0900 . commit 1711685a33ccd236011f54d3e652991728530b3a Author: James Kiesel <james.kiesel@gmail.com> Date: Tue Apr 25 04:34:11 2017 +0900 ; commit 81703f36c0593250aeac3418fde86660fd307092 Author: James Kiesel <james.kiesel@gmail.com> Date: Tue Apr 25 04:12:37 2017 +0900 Use image gallery functionality in magnific
This commit is contained in:
parent
dad2024094
commit
48c0f3faf3
@ -2,18 +2,19 @@ import loadScript from 'discourse/lib/load-script';
|
|||||||
import { escapeExpression } from 'discourse/lib/utilities';
|
import { escapeExpression } from 'discourse/lib/utilities';
|
||||||
|
|
||||||
export default function($elem) {
|
export default function($elem) {
|
||||||
$("a.lightbox", $elem).each(function(i, e) {
|
if (!$elem) { return; }
|
||||||
loadScript("/javascripts/jquery.magnific-popup-min.js").then(function() {
|
loadScript("/javascripts/jquery.magnific-popup.min.js").then(function() {
|
||||||
const $e = $(e);
|
const spoilers = $elem.find('.spoiler a.lightbox, .spoiled a.lightbox');
|
||||||
// do not lightbox spoiled images
|
$elem.find('a.lightbox').not(spoilers).magnificPopup({
|
||||||
if ($e.parents(".spoiler").length > 0 || $e.parents(".spoiled").length > 0) { return; }
|
|
||||||
|
|
||||||
$e.magnificPopup({
|
|
||||||
type: "image",
|
type: "image",
|
||||||
closeOnContentClick: false,
|
closeOnContentClick: false,
|
||||||
removalDelay: 300,
|
removalDelay: 300,
|
||||||
mainClass: "mfp-zoom-in",
|
mainClass: "mfp-zoom-in",
|
||||||
|
|
||||||
|
gallery: {
|
||||||
|
enabled: true
|
||||||
|
},
|
||||||
|
|
||||||
callbacks: {
|
callbacks: {
|
||||||
open() {
|
open() {
|
||||||
const wrap = this.wrap,
|
const wrap = this.wrap,
|
||||||
@ -44,5 +45,4 @@ export default function($elem) {
|
|||||||
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
File diff suppressed because one or more lines are too long
4
public/javascripts/jquery.magnific-popup.min.js
vendored
Normal file
4
public/javascripts/jquery.magnific-popup.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -39,7 +39,7 @@
|
|||||||
//= require plugin_tests
|
//= require plugin_tests
|
||||||
//= require_self
|
//= require_self
|
||||||
//
|
//
|
||||||
//= require jquery.magnific-popup-min.js
|
//= require jquery.magnific-popup.min.js
|
||||||
|
|
||||||
window.inTestEnv = true;
|
window.inTestEnv = true;
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user