Image20221107163038.jpg

/

Image20221107163055.jpg

seas_uv_202309.html

<aside> πŸ’‘ oopy:slide

## image slider μ„€μ • λΆ€λΆ„μž…λ‹ˆλ‹€. ocpc.krμ—μ„œλŠ” 이미지 μŠ¬λΌμ΄λ”© ν™”λ©΄μœΌλ‘œ λ³΄μ—¬μ§‘λ‹ˆλ‹€.
speed: 1000 # μŠ¬λΌμ΄λ“œκ°€ λ„˜μ–΄κ°€λŠ”λ° κ±Έλ¦¬λŠ” μ‹œκ°„μž…λ‹ˆλ‹€. κΈ°λ³Έκ°’: 1000 (ms, λ°€λ¦¬μ„Έμ»¨λ“œ)
ratio: 1.8 # μŠ¬λΌμ΄λ“œ λ„ˆλΉ„ : μŠ¬λΌμ΄λ“œ 높이 λΉ„μœ¨μ„ μ§€μ •ν•©λ‹ˆλ‹€. κΈ°λ³Έκ°’: 2.76 (708px : 256px)
full: false # μŠ¬λΌμ΄λ“œλ₯Ό 화면에 꽉 차도둝 ν•©λ‹ˆλ‹€. full μ˜΅μ…˜μ΄ true μΌλ•Œλ„ ratioλŠ” μœ μ§€λ©λ‹ˆλ‹€. μŠ¬λΌμ΄λ“œκ°€ μ»¬λŸΌμ΄λ‚˜ 토글에 λ“€μ–΄κ°€λŠ” 경우 ν•΄λ‹Ή μ˜΅μ…˜μ€ λ™μž‘ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. κΈ°λ³Έκ°’: false
autoplay: 
  period: 6000 # μŠ¬λΌμ΄λ“œκ°€ μžλ™μœΌλ‘œ λ„˜μ–΄κ°€κΈ°κΉŒμ§€ κ±Έλ¦¬λŠ” μ‹œκ°„μž…λ‹ˆλ‹€. μžλ™ μž¬μƒμ„ μ›ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ 값을 0으둜 μ£Όμ„Έμš”!
indicator: # μŠ¬λΌμ΄λ“œ μ•„λž˜μ— λ‚˜νƒ€λ‚˜λŠ” 이동을 μœ„ν•œ 점듀을 μ˜λ―Έν•©λ‹ˆλ‹€.
  show: true # 점듀을 숨기렀면 값을 false둜 λ³€κ²½ν•˜μ„Έμš”
	color: "#6196FF" # ν˜„μž¬ λ³΄μ΄λŠ” μŠ¬λΌμ΄λ“œμ— λŒ€μ‘λ˜λŠ” 점의 μƒ‰κΉ”μž…λ‹ˆλ‹€. κΈ°λ³Έκ°’: #6196FF
borderRadius: 16 # μŠ¬λΌμ΄λ“œμ˜ λͺ¨μ„œλ¦¬λ₯Ό λ‘₯κΈ€κ²Œ ν•˜λŠ” κ°’μž…λ‹ˆλ‹€. κΈ°λ³Έκ°’: 16

Image20221107163038.jpg

Image20221107163055.jpg

Image20221107161926.gif

Image20221107163057.jpg

</aside>