Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
TristanJo
Experienced
Topic Author
Posts: 116
Joined: 10 Apr 2018, 02:57

carousel - space between images

10 Mar 2021, 01:29

Code
<div data-carousel data-carousel-items=3 data-carousel-loop=true data-carousel-dots=false data-carousel-autoplay=2000 data-carousel-responsive=true data-carousel-shuffle=false>
Hi~ karl~:heartbeat:

Can I apply the space between images?
I want to know all the options that can be applied to the carousel gallery.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: carousel - space between images

10 Mar 2021, 03:36

Options are listed here:
https://demo.photo.gallery/examples/plugins/carousel/

As for spacing, there is no such option in the carousel, but you can just add space on the items themselves. For example:
Code
<div data-carousel>
<div style="padding: 0 1rem">item 1</div>
<div style="padding: 0 1rem">item 2</div>
</div>
... or even create a class in CSS where you set the padding, and then assign it to each item.
 
User avatar
TristanJo
Experienced
Topic Author
Posts: 116
Joined: 10 Apr 2018, 02:57

Re: carousel - space between images

10 Mar 2021, 05:24

mjau-mjau wrote: 옵션은 다음과 같습니다.
https://demo.photo.gallery/examples/plugins/carousel/

간격의 경우 캐 러셀에는 이러한 옵션이 없지만 항목 자체에 공간을 추가 할 수 있습니다. 예 : ... 또는 패딩을 설정 한 CSS에서 클래스를 만든 다음 각 항목에 할당합니다.
Code
<div data-carousel>
<div style="padding: 0 1rem">item 1</div>
<div style="padding: 0 1rem">item 2</div>
</div>
You are the best.

Thank you for your kindness.