Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click)?












0














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.










share|improve this question






















  • 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


















0














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.










share|improve this question






















  • 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
















0












0








0







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.










share|improve this question













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






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 12 '18 at 20:13









Jiro MatchonsonJiro Matchonson

329315




329315












  • 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










  • 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














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
});


}
});














draft saved

draft discarded


















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
















draft saved

draft discarded




















































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.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • 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.




draft saved


draft discarded














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





















































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







Popular posts from this blog

Florida Star v. B. J. F.

Danny Elfman

Lugert, Oklahoma