Component option control - Post ID...

User 2862186 Photo


Registered User
5 posts

Hi!

I'm making image gallery carousel like that https://materializecss.com/carousel.html

I made containers carousel and few containers carousel-item and it works

But now I want to change some options, for expamle

dist Number -100 Perspective zoom. If 0, all items are the same size

Where to controls any component option?

Thank you

Attachments:
User 244626 Photo


Registered User
811 posts

Sergey Losev wrote:
Hi!

I'm making image gallery carousel like that https://materializecss.com/carousel.html

I made containers carousel and few containers carousel-item and it works

But now I want to change some options, for expamle

dist Number -100 Perspective zoom. If 0, all items are the same size

Where to controls any component option?

Thank you



If you want to adjust perspective here is a example of code to use.


$(document).ready(function(){
$('.carousel').carousel({
dist: -25,
});
});
Bootstrap 5 CSS Grid.
User 2862186 Photo


Registered User
5 posts

Thank you, Twinstream!

I'm not sure that I know where and how to put this code in RSD....

Can you please write details)

Thank you!
User 122279 Photo


Senior Advisor
14,450 posts

Look to the right of the programme, in the tool panel, there is a pane called Settings (has a cog wheel). Wrap your js code in <script></script> tags and pop it into the footer field.

And please be advised that you are in the Bootstrap forum. You are obviously using Site Designer v3, which has its own forum.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2862186 Photo


Registered User
5 posts

Yeah! It works))
Thank you!

And if you know) If I have more than one carousel on one page, how should I put options for each carousel?

PS. I noticed that I put this post to wrong tree, if it's possible to ask moderator to move it to RSD part it would be nice)
User 122279 Photo


Senior Advisor
14,450 posts

I'm not familiar with Materialize, but if you give the container which wraps around the carousel, an ID, and the next carousel a different ID, that might work. If there are additional files that you have added to your resources, they might have to be kept separated if they are to be edited differently for earch carousel. And finally, the script you mention above may have to be edited according to which carousel they belong to. I'm not saying that I KNOW this, but I have had instances of more that one slideshow, not on the same page, but on the same site, that started interfering with each other before I made some changes.
I think I would start with copying your project as a test, so that you don't mess up the real one, and then duplicate the carousel and give them both different IDs. Next you change the images of the 2nd one and see how that works out, and you will soon discover if any of the other changes I mentioned will be necessary or not.
With a bit of luck you may have someone butting in here, who actually knows how to deal with Materialize, giving you better advice.

I will move this thread as soon as I have my normal internet speed back (unless someone else beats me to it). We've had a violent thunder storm that has left me with just a very slow mobile connection, and the admin tools don't work properly for me right now..
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.