자동 슬라이드 배너 auto slider banner

한 줄 요약

이미지를 자동 스크롤해서 보여주는 배너를 생성합니다. Provides auto slide banner which show imgs

컨택 및 제안

bubbleboxerofficial@gmail.com

노코드 마스터로 거듭나기

아래 목차를 클릭해 필요한 부분으로 바로 이동할 수 있습니다.

버블박스를 운영하는 페임리가 궁금하다면? If you're curious about FameLee?

페임리 알아보기 (Who is Famelee?)

인스타 팔로우하기 (Follow Instagram)

Intro

1. ChangeLog

1.1

•

배너 타입 2개 설정 ( release two banner type )

이미지의 가로 크기를 화면 전체를 기준으로 설정하는 배너 (A banner that sets the image width based on the full screen width)

이미지의 가로 크기를 인위적으로 설정하는 배너 (A banner that sets the image width manually)

1.0

•

롤링 배너 추가 ( rolling banner )

Core

1. Related Docu

플러그인 페이지

Bubble Plugins | Build and extend apps without writing code

Browse and install plugins for to add functionality to your Bubble app like AI, charts, payment processing, integrations, and more without writing code.

https://bubble.io/plugin/infinite-rolling-banner-1718465436735x345680836325015550

데모 링크

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://bubblebox-64217.bubbleapps.io/version-test/plugin_slider_banner/#s0

에디터 링크

Bubble Editor - bubblebox

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://bubble.io/page?type=page&name=plugin_slider_banner&id=bubblebox-64217&tab=tabs-1

3. Composition

a. banner_1

Element

이미지의 가로 크기를 화면 전체를 기준으로 설정하는 배너 A banner that sets the image width based on the full screen width

Input

field	type	Required	desc	ex
imgList	list of images		Input image List 이미지 리스트를 넣어주세요	search for Table:each items’ images
scrollSpeed	number		Input auto scrolling speed 이미지 스크롤 속도를 입력해주세요	15
padding	text		Input each img's padding 개별 이미지의 패딩 값을 입력해주세요	4px 4px 4px 4px

b. banner_2

Element

이미지의 가로 크기를 인위적으로 설정하는 배너 A banner that sets the image width manually

Input

field	type	Required	desc	ex
imgList	list of images		Input image List 이미지 리스트를 넣어주세요	search for Table:each items’ images
scrollSpeed	number		Input auto scrolling speed 이미지 스크롤 속도를 입력해주세요	15
padding	text		Input each img's padding 개별 이미지의 패딩 값을 입력해주세요	4px 4px 4px 4px
width	number		Input img's width 이미지의 width를 입력해주세요	240