ThetaProject

ThetaProject supports this item

Supported

This author's response time can be up to 5 business days.

124 comments found.

Hi, I just bought this carousel and is using it with Bootstrap 4. When I place the carousel inside a bootstrap container->row->col system, the carousel will not show up unless I force the carousel to be style=”position:absolute;”. And when it does show up, the carousel is very tiny.

Is there a conflict with using this in a Bootstrap framework?

Hi

Could you please try this layout:

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Theta Carousel Example bezier1</title> <script src="scripts/jquery-2.1.4.min.js"></script> <script src="scripts/theta-carousel.min.js"></script> <script src="scripts/example.js"></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> </head> <body style="background: #66cdcc;"> <div class="container"> <div class="row"> <div class="col-lg"> <div id="container" style="height:500px"> <style type="text/css"> img { vertical-align: middle; } .ex-item { height: 356px; width: 270px; display: none; border: 5px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } </style> <div class="ex-item"> <img src="Images/1.jpg" /> </div> ................ </div> </div> </div> </div> </body> </html>

Regards,

height attribute is required for the carousel container

<div id=”container” style=”height:500px”>

citymorph

citymorph Purchased

That did it. Thank you. Was missing the height requirement.

Please email me asap – I need some help

What exactly do you need? Some help with component integration?

Hello, can you confirm that your script is compatible with jQuery 3 ?

Hello,

Because of this issue

It is not compatible with jQuery versions:

3.0.0

3.1.0

3.1.1

The issue was fixed in 3.2.0. Since then there are no known incompatibilities.

Compatible with:

3.2.0

3.3.0

3.3.1

Regards,

APankratov

APankratov Purchased

Hello. First of all, thank you for great script.

I need some help with it. Look please on the gallery at this page http://markup-examples.brain-house.com/theta-carousel/ . Purple overlay on slides is changed in wrong way. It must be changed before a slide takes a new position. Accordion to your API this problem can be changed by motionStart event. But in that way how to get correct index of the central slide? Both data.index and selectedIndex option show previous item index. If necessary, I can send the code.

Thank for your help and best regards

by
by
by
by
by
by