목록2025/08/25 (1)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Vue.js 반응형 셔플 이미지 갤러리

Vue.js를 활용해 반응형으로 동작하며, 이미지 배열을 셔플(Shuffle)하는 갤러리이 CodePen 예제는 Vue.js를 사용하여 반응형 레이아웃과 동적인 이미지 배열 기능을 구현한 셔플 갤러리입니다.포트폴리오 갤러리, 상품 이미지 목록, 이벤트나 캠페인 사진 전시 활용하면 유용합니다.HTML 구조 v-for='item in items' :key='item.id' :data-pos='item.pos' :style='{ translate: `calc(var(--width) * 0.2 * ${item.pos})`, scale: item.scale, backgroundImage: `url(${item.url})` ..
웹프로그램밍 자료실/HTML 자료 2025. 8. 25. 09:05
Prev 1 Next