Code

Discussion on Bee3D Slider - Touch-Enabled Pure JS Plugin

lukeed

lukeed supports this item

Supported

This author's response time can be up to 1 business day.

99 comments found.

Hello! I’m very interested in buying this plugin to use the Arc effect. I just have 2 questions: I tried the demos in MSIE11 but they’re not working; and in iPhone, it generates an horizontal scroll :( Are you aware of these bugs? and finally, do you know if anyone has been able to implement it on drupal? thx in advance!

Hi, thanks~! It actually works in IE11—I just have a poor demo that I’ve been meaning to upgrade. The demo uses a custom element, which does not work in IE11 and a fair number of other browsers: https://caniuse.com/#feat=custom-elementsv1.

I did not know this at the time of making the demo, but the GOOD NEWS is that the Bee3D code does not use custom elements. That’s specific to the demo only.

I’ve not used Drupal, but it’s just a CSS & JS file. As long as you can serve up assets, you’ll be able to use Bee3D anywhere.

Hello,

I have put in some custom css code with id’s for the slider and it’s not taking my styles that I put in. If I take out the id’s for the slider containers they work fine. Is there a work around? I need to have two separate slider styles for mobile and desktop versions.

Thanks,

Hey there~! Are you sk8rboi7566 on GitHub? If so, I just left an answer for you :)

Hello I bought your product but I unzip the files and open the folder dist but the slider does not work

Hi there, you have to build the files. Instructions are included in multiple places throughout the documentation & the online Wiki.

I purchased your Bee3D and installed it in my IIS directory. The examples don’t work. They are referencing js/vendor/classie.js and it’s not even in the zip file.

New question: I need to log every page view. The onChange doesn’t have an example. Can I also know what the active slide is?

Great!

I can’t remember exactly right now, but the onChange does pass down “index” (current position) and “slide” (active node) keys on the Event object.

You can use that and either do a hash-location-based approach to tracking (#0, #1, #2, etc) or add a custom data-foobar attribute on your slides, then query its value in the onChange handler & send it off somewhere

I got it working! Thank you

Hi, i need to call a function that can re-initiate the slider again, because i am using the slider code with div filtration to show and hide some results of bee3d item….so after hiding some elements… i will need to call a bee3d function again to re-arrange the slider numbers…..for example in the beginning 10 items will be loaded …by using div filter to show or hide elements based on some user selections…the slider items will shrink to 5 items….so i will need again to readjust the 5 items….so how i can do that?

Hi lukeed ,

i want to add function same like https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.html#three, Is it have the ways?

Don’t know how to use it.

Hi! Is there an option to show pager buttons per slide under the slider?

Hi Lukeed,

Thanks for the awesome plugin.

After integrating it to our website, there are some issue with the mobile layout that we can’t seem to find a solution for it.

We use the Cowerflow effect, there’s always some padding to the right, and This also happens on your demo website. Here a screen recording of the issue:

https://streamable.com/gyr48

Hope you can get back to us as soon as you can.

Thanks,

Nhan Do.

Hello Lukee, The plugin looks really smooth & nice !!! I was just wondering if there is a chance to add caption on the slides ? Looking forward to your feedback. Thanks a lot Best! Lloyd

Hey, thanks! Captions would live within the slide contents. So, yes! You can put whatever you want inside of a slide.

hello, i need support marking touch and wheel event listeners as `passive`.

Hey, where are you getting stuck? Please open a ticket in the GitHub repo linked in the documentation. Envato comments are not for support – it’s a terrible system.

Dear author, I’ve just bought this wonderful slider of yours, everything works fine. Hovewer, i can’t find how to set start slide if i need to start at second or third. Could you help me with it please.

No worry, I found, param “focus” will do the trick with starting slide. ;)

Hey, that’s great! Glad you found it :)

i run npm install and take this error: Cannot download https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-64_binding.node>

HTTP error 404 Not Found

Pre-order question: Can I set up without code a link in every image of the Coverflow? If yes, we need that links for our project to be put in a href. Does your plugin got the links with href? If dont, can you make an upgrade for us? thanks!

Or better, can we test the plugin and if it dont fit our project get a refund?

Thank you!

hi thanks for this pretty plugin. why when touch is enabled in mobile device we cant scroll page in Y axis specially in slide are.i was checked in online demo. Thank you for answering

Cool! this is a wordpress plugin?

Hi,

I am using your plugin on a Wordpress site. When going to any other page on the site which does not use the slider, I get the following JS error:

Uncaught TypeError: Cannot read property ‘querySelectorAll’ of null at r.init (bee3D.js?ver=1.6.0:1) at new r (bee3D.js?ver=1.6.0:1) at HTMLDocument.<anonymous> (scripts.js?ver=1585500036:33) at i (jquery.js?ver=1.12.4-wp:2) at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2) at Function.ready (jquery.js?ver=1.12.4-wp:2) at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)

Can you help me?

Hi there, you have to call the script only the pages that you want it. If you stuck the `new Bee3D` initializer on every page, then you have to wrap that code in a statement that checks if the ”.bee3D—parent” (or whatever your class identifier is) exists, for example.

What is the weight of the minified .js file? What other dependencies?

by
by
by
by
by
by