Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click)?
Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click) ?
Till now had almost no problem to find suitable vue.js plugins/components but now I did hit the wall, so I had to use jquery + slick + fancybox, but do not like solution out of vue scope, any hints ?
Looking for
- lazy load
- multiple slides carousel
- centered slides
- loop funkcionality
- reponsivness
- fancybox like zoom or at least compatible with any vue fancybox like
plugin
I tried 'vue-awesome-swiper' but sadly lazy load with 'loop' is bugged in there, also 'loop' generated slides ignore any fancybox callbacks, so couldn't use it much, and also couldn't find any similar alternative to that, even when there are plenty of vue carousals struggling
to find one I need.
My goal is one row 4 slides carousel image gallery.
vue.js carousel gallery
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
add a comment |
Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click) ?
Till now had almost no problem to find suitable vue.js plugins/components but now I did hit the wall, so I had to use jquery + slick + fancybox, but do not like solution out of vue scope, any hints ?
Looking for
- lazy load
- multiple slides carousel
- centered slides
- loop funkcionality
- reponsivness
- fancybox like zoom or at least compatible with any vue fancybox like
plugin
I tried 'vue-awesome-swiper' but sadly lazy load with 'loop' is bugged in there, also 'loop' generated slides ignore any fancybox callbacks, so couldn't use it much, and also couldn't find any similar alternative to that, even when there are plenty of vue carousals struggling
to find one I need.
My goal is one row 4 slides carousel image gallery.
vue.js carousel gallery
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
Maybe slick or one of the others here? voidcanvas.com/5-vuejs-image-sliderscarousels-with-demo
– Roy J
Nov 12 '18 at 21:03
Hi tnx for response, i tried all of those, only vue-slick is good enough but still dependant on jquery like classic slick, and had a little trouble to find cdn installation link (am using vue in wordpress) , slick itself does not have fancybox option so would also have figure some way of some vue-fancy box. In cassual jquery/slick/fancy its super easy - codepen.io/fancyapps/pen/pdbrjx , looking for similar solution in vue only.
– Jiro Matchonson
Nov 13 '18 at 11:43
add a comment |
Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click) ?
Till now had almost no problem to find suitable vue.js plugins/components but now I did hit the wall, so I had to use jquery + slick + fancybox, but do not like solution out of vue scope, any hints ?
Looking for
- lazy load
- multiple slides carousel
- centered slides
- loop funkcionality
- reponsivness
- fancybox like zoom or at least compatible with any vue fancybox like
plugin
I tried 'vue-awesome-swiper' but sadly lazy load with 'loop' is bugged in there, also 'loop' generated slides ignore any fancybox callbacks, so couldn't use it much, and also couldn't find any similar alternative to that, even when there are plenty of vue carousals struggling
to find one I need.
My goal is one row 4 slides carousel image gallery.
vue.js carousel gallery
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click) ?
Till now had almost no problem to find suitable vue.js plugins/components but now I did hit the wall, so I had to use jquery + slick + fancybox, but do not like solution out of vue scope, any hints ?
Looking for
- lazy load
- multiple slides carousel
- centered slides
- loop funkcionality
- reponsivness
- fancybox like zoom or at least compatible with any vue fancybox like
plugin
I tried 'vue-awesome-swiper' but sadly lazy load with 'loop' is bugged in there, also 'loop' generated slides ignore any fancybox callbacks, so couldn't use it much, and also couldn't find any similar alternative to that, even when there are plenty of vue carousals struggling
to find one I need.
My goal is one row 4 slides carousel image gallery.
vue.js carousel gallery
vue.js carousel gallery
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
asked Nov 12 '18 at 20:13
Jiro MatchonsonJiro Matchonson
339415
339415
Maybe slick or one of the others here? voidcanvas.com/5-vuejs-image-sliderscarousels-with-demo
– Roy J
Nov 12 '18 at 21:03
Hi tnx for response, i tried all of those, only vue-slick is good enough but still dependant on jquery like classic slick, and had a little trouble to find cdn installation link (am using vue in wordpress) , slick itself does not have fancybox option so would also have figure some way of some vue-fancy box. In cassual jquery/slick/fancy its super easy - codepen.io/fancyapps/pen/pdbrjx , looking for similar solution in vue only.
– Jiro Matchonson
Nov 13 '18 at 11:43
add a comment |
Maybe slick or one of the others here? voidcanvas.com/5-vuejs-image-sliderscarousels-with-demo
– Roy J
Nov 12 '18 at 21:03
Hi tnx for response, i tried all of those, only vue-slick is good enough but still dependant on jquery like classic slick, and had a little trouble to find cdn installation link (am using vue in wordpress) , slick itself does not have fancybox option so would also have figure some way of some vue-fancy box. In cassual jquery/slick/fancy its super easy - codepen.io/fancyapps/pen/pdbrjx , looking for similar solution in vue only.
– Jiro Matchonson
Nov 13 '18 at 11:43
Maybe slick or one of the others here? voidcanvas.com/5-vuejs-image-sliderscarousels-with-demo
– Roy J
Nov 12 '18 at 21:03
Maybe slick or one of the others here? voidcanvas.com/5-vuejs-image-sliderscarousels-with-demo
– Roy J
Nov 12 '18 at 21:03
Hi tnx for response, i tried all of those, only vue-slick is good enough but still dependant on jquery like classic slick, and had a little trouble to find cdn installation link (am using vue in wordpress) , slick itself does not have fancybox option so would also have figure some way of some vue-fancy box. In cassual jquery/slick/fancy its super easy - codepen.io/fancyapps/pen/pdbrjx , looking for similar solution in vue only.
– Jiro Matchonson
Nov 13 '18 at 11:43
Hi tnx for response, i tried all of those, only vue-slick is good enough but still dependant on jquery like classic slick, and had a little trouble to find cdn installation link (am using vue in wordpress) , slick itself does not have fancybox option so would also have figure some way of some vue-fancy box. In cassual jquery/slick/fancy its super easy - codepen.io/fancyapps/pen/pdbrjx , looking for similar solution in vue only.
– Jiro Matchonson
Nov 13 '18 at 11:43
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53269418%2fany-responsive-vue-js-carousel-gallery-plugin-with-fancy-box-like-pop-up-upon-c%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53269418%2fany-responsive-vue-js-carousel-gallery-plugin-with-fancy-box-like-pop-up-upon-c%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Maybe slick or one of the others here? voidcanvas.com/5-vuejs-image-sliderscarousels-with-demo
– Roy J
Nov 12 '18 at 21:03
Hi tnx for response, i tried all of those, only vue-slick is good enough but still dependant on jquery like classic slick, and had a little trouble to find cdn installation link (am using vue in wordpress) , slick itself does not have fancybox option so would also have figure some way of some vue-fancy box. In cassual jquery/slick/fancy its super easy - codepen.io/fancyapps/pen/pdbrjx , looking for similar solution in vue only.
– Jiro Matchonson
Nov 13 '18 at 11:43