Code

Discussion on Bootstrap 5 Carousel Responsive JavaScript Plugin

Discussion on Bootstrap 5 Carousel Responsive JavaScript Plugin

Cart 64 sales

szthemes supports this item

Supported

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

12 comments found.

G’day, I employed the Slider/Carousel tool of yours, and I ran into a couple of unexpected bumps.

1. I am using cards in the carousel, and what surprises me is certain text elements in the card will not render, in fact the only text elements I can get to display, so far, are <h/> tags. I have replaced

and tags with
and tags to get content to display. When I added small class to an
tag, it failed to render again. These are all in a card-body class.

2. The other thing is getting the carousel to auto-start. The best I have managed to work out from the combination of switches in the documentation is getting it to start over a mouse-over event. I have set; data-type=”carousel” data-width=”100%” data-height=”420px” data-animation=”dragX” data-sticky=”yes” data-intervals=”yes” data-pauses=”yes” data-cycle=”yes” data-timing=”ease” data-ind-direction=”x” data-ind-type=”absolute” data-ind-position=”bottom” data-items=”5” data-xlscreen=”4” data-lgscreen=”3” data-mdscreen=”2” data-smscreen=”1” data-move=”1” data-threshold=”1”

Any ideas about these items would be helpful. thanks, David…

In addition to the above issue, where the only tags that will display text in a slide element is one of the heading tags, and adding certain classes to heading tags will also cause them to fail to render.

p, span, div; none of them yield the enclosed text within.

An even bigger issue has just appeared which is causing a functional failure.

Anchor tags have no function. The button classes in the anchor tag certain display as expected, but the anchor does not behave like an anchor, a click event does not respond, so the href attribute is non-functional.

It is almost as if the slider is only for displaying static images, and nothing else. If that is all it is supposed to do, then it would not have much use to me.

can you advise?

Apologies, the anchor tag issue is apparently a factor of Bootstrap 5 class card-image-overlay, where it seems the tags outside of this container are unreachable. Most unexpected. The text suppression issue persists though.

Hello before i buy the code when we looked at the source code html it all in one line can it not be formatted by you guys so it looks like normal boostrap html code ??? line by line

Hi I sent a support email yesterday..

Authors may ask you for a purchase code to verify that you’ve purchased this item. b55ff8f2-b623-48fb-8f87-d654dab6c7c6 – 15 Mar 2023 REGULAR LICENSE

1) Can you kindly show me how to have the background page transparent for the following 2 pages of your carousel:

a) 006-autoplay.html b) 022-showing-all-slides-vertically.html

2) Also is it possible for the carousel to “loop” from image 1 as it auto scrolls instead of the carousel rewinding the items back to 1 and then starting its movement.

Thank you in advance !

Cheers Shiraz

Hi, I’ve just purchased you files and stuck trying to make the background pages “Transparent”. Currently using the following two files to figure how to do this:

Folder: multiple-items-examples a) 006-autoplay.html b) 022-showing-all-slides-vertically.html

Can you please explain / respond back with coded files so I understand where Im going wrong.

Thanks !!!

Please add functionality for play video slides automatically on iphone

Hello! I tried to send you an email to szthemes1@gmail.com but the email bounced.

Hi there is your javascript jquery or vanilla? thank you

Hi! please I would like to know before purchasing: On your demo page “https://previews.customer.envatousercontent.com/files/361355215/sliders/slider.html” there is a preset called “Thumbnails Horizontal – Absolute Position” is it possible for me to have different images in the “Thumbs” example : the big image is called “image1_big.jpg” and the “thumbs image is called “image1_th.jpg” both are different. Thanks

Hey guys, great work on this, I am developing my new site and using it on the slider. I have two questions:

1) On responsive mobile view, I like to increase the height to 400px and disregard the width and left align the image with 400px height. How can I do that? That means: My image height will be 400px on responsive view (mobile phones) and width will be auto + left align the image only.

2) I notice the main slider js file has many functions for other types of slider. How can I remove everything and only keep the codes for type of slider I am using?

Please send us live link of your site where you are using it

Hi,

Thanks for using our product. Unfortunately we are not offering any customization service at the moment. Please send us a refund request.

Regards,
szthemes
szthemes1@gmail.com

Hello,

I’m having trouble with the multiple item slider on IOS, iphone.. When scrolling the images it jumps to the last slide. Instead of moving one-by-one.

The example is on this page in the ‘We Help Our Customers Succeed” section. https://brentmako.com/

Hello, Just following up on this. I’ve confirmed the error on IOS, iPhone running Chrome. When dragging/sliding it jumps to the last item in the slider. Please help

I just purchased this plugin and installed it as directed in the instructions.

I tried to place a slider on this page “http://139.59.59.231/pepsnov/public/springkoil” but the slider does not appear. the area is completely blank

Hi,

We have checked your site and found that you are using react.js this plugin will not work with react. So you can send us a refund request without hesitation.

Regards,
szthemes
szthemes1@gmail.com

ok, kindly refund the cost. It would have been helpful if you had mentioned that the plugin does not work with reactJs , it would have aleast saved me one week time

Send a refund request through this page.

https://themeforest.net/refund_requests/new

Regards,
szthemes
szthemes1@gmail.com

Congratulations! Nice Work, GLWS :)

Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey