# Discussion on Theta Carousel 3D

### ThetaProject supports this item

Supported

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

sathya_jenita Purchased

Hi,

I have bought this plugin to user ellipse vertical carousel option. There is i want to fix five things, 1. How to disable touch swipe 2. How to set manual selected index.

Thanks, Sathya

sathya_jenita Purchased

Hi,

How to prevent scroll, when i clicking on element items? It will be navigate through next prev arrows only.

ThetaProject Author

Hi,

use enabled option – http://theta-carousel.com/api.html#enabled

if it is false – carousel ignores all clicks and gestures.

regards

sathya_jenita Purchased

Thanks

George1989 Purchased

HI Just having a little trouble using the plugin. Any Clues about this error would be appreciated.

Uncaught TypeError: Cannot read property ‘each’ of undefined at e.exports (theta-carousel.js:988) at Object.12../VisualEffects/effect_allign_to_path.js (theta-carousel.js:337) at n (theta-carousel.js:1) at t (theta-carousel.js:1) at theta-carousel.js:1

ThetaProject Author

Hi,

It looks like you have more than one version of jQuery on your page. Please also make sure that jQuery script tag goes before the carousel tag. If this is not the case please share the page I’ll look into it.

Regards,

nlo112 Purchased

hello just bought a copy of this and when i put everything from example (slideshow) it does not load. im stuck, can you help ? the website is ambercliff.com/acg/

Best Regards, Edvinas V.

ThetaProject Author

Hi

I checked your website, and everything seems works fine. It takes few seconds to load the images. That’s because of images are big – 1.3M. I would recommend you to reduce the resolution and compress the images, it’ll speedup loading.

Regards,

happyclick Purchased

Hi Support, This file purchase when open example, the display is different with the live preview page. How to solved this problem.

Live Preview: http://bit.ly/2rt2E3r http://bit.ly/2pN4VKt Purchase file display: http://bit.ly/2pNjOfX http://bit.ly/2rt4fqZ I have try copy the copy from configuration, but still unable show as live preview: http://bit.ly/2qTySZl

Thanks

ThetaProject Author

Hi,

Set reflection property to false. This feature doesn’t work now due to the bug in web kit. See features list.

Regards,

choyoss Purchased

Hola, quisiera saber como ingresar etiquetas HTML dentro de example.js en la seccion var lipsum.

Gracias!

ThetaProject Author

Hola,

You can use jQuery html function instead of text in motionEnd

like this

$(”.title”, this).html(text.caption).addClass(‘animated fadeInDown’);$(”.text”, this).html(text.content).addClass(‘animated fadeInUp’);

regards,

choyoss Purchased

Hola, quiero saber como agregar etiquetas HTML dentro de example.js en la seccion content en “var lipsum”

ThetaProject Author

Hola,

You can use jQuery html function instead of text in motionEnd

like this:

$(”.title”, this).html(text.caption).addClass(‘animated fadeInDown’);$(”.text”, this).html(text.content).addClass(‘animated fadeInUp’);

regards,

choyoss Purchased

Thank you!!!

Hello, the carousel quit showing up on our site completely. I’ve deactivated/reactivated, i’ve resaved my slides.. still nothing. Any chance I could get some help?

ThetaProject Author

Hello,

What is the URL of your site?

Regards,

Hi,

I would like to buy this product, but not sure how well it would work in mobile devices, when there are more than 100 elements, loading more elements when scrolling.

And because of that, i would like to try it, before buying it. Is there any chance I could do that?

Thanks!

ThetaProject Author

Hi,

please send me a private message.

https://codecanyon.net/user/thetaproject#message

regards,

Hi,

sent it.

esterster Purchased

How should I set the configuration dialog for a purely vertical carousel, such as this one: https://i.stack.imgur.com/RlpYO.jpg

I thought there would be a simple vertical option. But I don’t see one.

Thanks!

ThetaProject Author

Hi,

I prepared for you a couple of examples, please check the link below. http://theta-carousel.com/supportfiles/verticalCarousel.zip

You’ll need to put theta-carousel.min.js into scripts folder. You might need to change designedForWidth/Height to adjust zooming for your container proportions.

Regarding rotationXY 90 – strange that it didn’t work for you, if you can share your example I’ll check.

Regards,

esterster Purchased

Thanks! That helped a lot. The 90degree problem was just a slider problem. I was able to get some thing that works perfectly. But unfortunately only at one browser width. My container has a constant aspect ratio. At its biggest it is 660 by 1080. Is there a way to use % so that everything scales down perfectly?

ThetaProject Author

We use designedForWidth/Height to calculate zoom factor. Click “Get Current Size” button to get the “Design Time” size of you container. After that you can change the size of the container as you want including aspect ratio. Carousel will automatically calculate the right zoom factor based on these values and current size of your container.

For example lets say that you were designing you carousel when container size was 100×200 and it looks ideal on this dimensions.

now you have resized your screen and correspondingly your container, and the new size of container is 400×200 so aspect ratio has also been changed, than the new zoom factor is still 1x becuase the maximum rectangle with aspect ratio 0.5 that you can put into container 400×200 is still 100×200.

you can see Sources\theta-carousel-src\fluid_layout.js lines from 30 to 49 for more details.

Regards,

hello. first of all awesome carousel.Bought it already with a different account. i love it. I have a little issue, am i using the rotating carousel, the one that automatically rotates. What i want to archieve is stop the rotation when i hover on the carousel and also when an item is click on the carousel, the item is brought to focus (to the main view). and also the carousel items are images inside link tags that lead to different pages when clcik. How can i archive this please ? thanks

ThetaProject Author

hi,

you can use option autorotation to start stop the carousel when user hovers the mouse over the carousel (see jQuery mouseenter, mouseleave)

Also I would recommend to use custom click handler for A elements and do navigation only when A is located within item decorated with theta-current-item class (item that is currently selected).

Check out this example for details:

http://theta-carousel.com/supportfiles/slideshow_hover_stop.zip

please don’t forget to put theta-carousel.min.js into scripts folder

regards,

thanks for the help. Did exactly that already

cvalya Purchased

Hi.

I’m integrate your slider on website, but cant setup “next” and “prev” arrows. This functional not implement in examples and exist only in API. I try that: $(‘selector’).theta_carousel(‘moveForward’); But arrows dont work. Can you show how make arrows for slider? ThetaProject Author Hi Yes, moveBack/moveForward is the right API in your case. Can you share your page so I can check why it doesn’t work for you? Regards, cvalya Purchased Thanks for reply. Url: http://bit.ly/2rTzdIE This page work on FullPage js plugin and Theta slider placed on second screen: http://prntscr.com/fodns5 ThetaProject Author You just need to replace$(’.page-about_3d-slider-prev’).theta_carousel(‘moveBack’); $(’.page-about_3d-slider-next’).theta_carousel(‘moveForward’); (It asks jQuery to create a new carousel inside the page-about_3d-slider-prev – not exactly what we need) with$(’.page-about_3d-slider-prev’).click(function() { $(’#page-about_3d-slider’).theta_carousel(‘moveBack’); } )$(’.page-about_3d-slider-next’).click(function() { $(’#page-about_3d-slider’).theta_carousel(‘moveForward’); } ) to add mouse click event handlers that rotate the carousel ThetaProject Author Hello, As I can see you have already fix it. let me know in case of further questions Regards, ThetaProject Author Hello, As I can see you have already fix it. let me know in case of further questions Regards, bryanbrown69 Purchased Hello, First of all, love your carousel and looking forward to having it live in our site. Second, I’m trying to figure out some weird behavior that you might have some more insight into, when dragging or scrolling with the wheel the carousel animates correctly, however when I click on a tile, it just jumps to that tile without animation. If I run a stripped down version of that with just the carousel and jquery it animates fine so my suspicion is that it’s an interaction with another script but can’t figure out which script might be the culprit, I would appreciate if you had any pointers on what to look for. Thanks in advance ThetaProject Author Hello, Could you please share the URL of your web page? Regards, bryanbrown69 Purchased Iondev.myshopify.com/pages/community pw: liveinthewow ThetaProject Author Hello, I looked into your code, but it is really difficult to find out the reason of this behavior because I don’t have the source code of the package. and can not modify the behavior to test different options. I would recommend you to try to add functionality to the page gradually to see which library (or script) interfere with the carousel, then it’ll be easier to find out the reason. Regards tiagochina Purchased Is it the website http://www.theta-carousel.com/carousel-example.html#resolution=desktop&example=parabola1 down? Please put back up, so we can easily change the configurations. thanks tiagochina Purchased Is it the website http://www.theta-carousel.com/carousel-example.html#resolution=desktop&example=parabola1 down? Please put back up, so we can easily change the configurations. thanks tiagochina Purchased Hi. We love the theta carousel 3D Is it the http://www.theta-carousel.com/carousel-example.html#resolution=desktop&example=parabola1 down? It will be really helpful if you put it back up, so we can easily change the configurations, like we used before. Thank you ThetaProject Author Hi, Thanks for letting us know we are working on that, should be up soon Regards, ThetaProject Author Hi, http://theta-carousel.com is available again Regards tiagochina Purchased thank you very much Peacesoir Purchased Is there a way to enable touch gestures only in horizontal way? I mean that i can push the website down if do a vertical touch-gesture? ThetaProject Author Hello It is not supported out of the box, but I can create a custom build for you with one change which should help in your case. Please send me a private message and I’ll reply with modified version of the carousel. Regards, tjscardden Purchased I’ve been impressed with Theta Carousel 3D. Very nice! I’m trying to place the carousel inside of a responsive web page. I’ve played around with the designedForWidth, scaleX, shiftY and shiftX but I need to be able to float the container to a different spot as the page is resized or I move to a different screen size. Any modification to the container styles from the examples results in the carousel not displaying. Do you have an example of how I would do this? ThetaProject Author Hi, You don’t need to modify designedForWidth, scaleX, shiftY in run-time and change the settings dynamically according to the current container size. Carousel will always scale the content proportionally, to the maximum possible size which fits the container. Actually the purpose of designedForWidth/Height it’s exactly the way to define the proportion for the scaling. So you are only responsible for updating the size of the container in accordance to the size of your windows. Every time the container changes the size – the carousel will be automatically scaled to the new size. If something doesn’t work for you please share the URL where I can check it. Regards, Hello! We are a web UI platform company in Seoul. We also create web UI for companies using our solution. My question is regarding the license. Our client is a bank. We create a mobile banking web page UI for our client. The web page is free to use. In this case, is it okay we go with$15 license?

ThetaProject Author

Hello,

You need to buy separate license for every end product. So if it is one web site, for one client, and it is free for end users – one regular (\$15) license is enough.

Regards,

by
by
by
by
by
by