배경 슬라이더
정적인 영웅 이미지는 잊어버리세요. 시선을 사로잡고 감동적이고 숨쉬는 배경으로 이야기를 들려주세요. Background Slider 확장 기능을 사용하면 어떤 컨테이너든 멋지고 자동화된 슬라이드쇼로 바꿀 수 있습니다. 이미지를 업로드하고 26 개의 전문 전환과 11 개의 Ken Burns 애니메이션 중에서 선택하여 부드러운 줌과 팬을 만들 수 있습니다. 텍스트 가독성을 위해 우아한 오버레이를 추가하고,완벽한 타이밍을 설정하고,비주얼 갤러리 위로 주요 메시지가 미끄러지는 모습을 지켜보세요. 포트폴리오,제품 쇼케이스,여행 사이트 또는 강력한 첫인상을 만들어야 하는 모든 페이지에 적합합니다.
영화적 전환 및 애니메이션
슬라이드 사이에 지루하고 거슬리는 컷을 피하십시오. Fade,Slide, Zoom 과 같은 부드러운 전환 또는 Flip 및 Cube 와 같은 창의적인 전환을 선택하십시오. 그런 다음 Ken Burns 효과 – 미묘하고 느린 줌 또는 팬 (“Up Right”또는 “Zoom In”과 같은) 으로 각 이미지에 생명을 불어 넣어 영화와 같은 깊이를 더하고 이야기가 전개 될 때 시청자의 눈을 계속 사로잡습니다.
- 부드러운 전환: 원활한 이미지 변경을 위해 26+ 효과 (페이드, 슬라이드, 커튼 등) 에서 선택하십시오.
- Ken Burns Magic: 11 가지 방향성 팬 앤 줌 애니메이션을 적용하여 정적 사진이 살아 있는 것처럼 느껴지도록 합니다.
- 무작위 표시: 모든 페이지 로드에서 새로운 경험을 위해 슬라이드 순서를 섞습니다.
완벽한 가독성을 위한 내장 오버레이
배경 슬라이더의 일반적인 문제는 바쁜 이미지에서 텍스트를 읽기 어렵게 만드는 것입니다. 우리는 9 가지 사전 디자인 된 오버레이 스타일 (어두운 그라데이션,밝은 메쉬 또는 색상 색조 등) 로이를 해결합니다. 마음에 들지 않습니까? 단색,그라데이션 또는 반투명 이미지를 사용하여 사용자 정의 오버레이를 만들어 배경을 충분히 어둡게하여 헤드 라인과 버튼을 선명하게 만듭니다.
- 원 클릭 오버레이: 콘트라스트를 위해 즉시 세련된 오버레이 (없음, 어두운 그라데이션, 빛, 점 등) 를 적용합니다.
- 전체 사용자 정의 오버레이: 색상 선택기 또는 그라데이션 도구를 사용하여 브랜드와 일치하는 완벽한 색조를 만듭니다.
- 불투명도 제어: 오버레이 강도를 미세 조정하여 배경 아름다움과 텍스트 선명도의 균형을 유지합니다.
타이밍 및 디스플레이를 완벽하게 제어합니다
전체 경험을 제어합니다. 슬라이드 사이의 지연 시간 (밀리초) 을 설정하세요 – 차분한 페이스를 위해 5000ms,더 많은 에너지를 위해 3000ms. 이미지가 스트레칭 없이 해당 영역을 완벽하게 커버해야 하는지 선택합니다. 타이머 진행률 표시줄을 활성화하여 시청자에게 다음 슬라이드까지 얼마나 걸리는지 보여주거나 더 깔끔한 모습을 위해 숨깁니다.
- 리듬 설정: 지연 슬라이더를 조정하여 각 이미지가 표시되는 시간을 제어합니다.
- 완벽한 맞춤: 이미지가 왜곡 없이 해당 영역을 덮고 지능적으로 자르도록 합니다.
- 성능 최적화: 이미지 해상도 (전체,대형, 중간) 를 선택하여 시각적 품질과 페이지 로드 속도의 균형을 맞춥니다.
배경 슬라이더에 대해 자주 묻는 질문
일반 이미지 회전목마 위젯과 어떻게 다릅니까?
회전목마는 섹션 안에 넣는 콘텐츠 요소입니다. 이 배경 슬라이더는 섹션/컨테이너 자체의 배경입니다. 텍스트,버튼 및 기타 위젯은 슬라이딩 이미지 위에 있습니다. 몰입형 영웅 영역을 만들기 위한 것이지 제품 축소판 갤러리를 표시하기 위한 것이 아닙니다.
방문자가 슬라이더를 일시 중지하거나 탐색할 수 있습니까?
확장 프로그램은 자동 배경 프레젠테이션에 중점을 둡니다. 일반적으로 영웅 영역을 어지럽힐 수 있으므로 기본적으로 눈에 보이는 일시 중지/재생 버튼이나 탐색 화살표를 추가하지 않습니다. 목표는 영화 같은 자동 재생 경험입니다. 사용자가 제어하는 갤러리의 경우 전용 슬라이더 또는 회전목마 위젯을 사용합니다.
여러 고해상도 이미지를 사용하면 페이지 속도가 느려지나요?
조심하지 않으면 가능합니다. 업로드하기 전에 항상 이미지를 최적화하십시오 (웹용으로 압축하십시오). 이미지 해상도 설정을 사용하여 적절한 크기의 파일을 제공하십시오. 예를 들어 컨테이너의 너비가 1200px 에 불과한 경우 “Full”대신 “Large”를 사용하면 시각적 영향이 높고 속도가 빨라집니다.
전체 섹션이 아닌 열에 사용할 수 있나요?
예! 섹션,컨테이너 및 열에 배경 슬라이더를 적용할 수 있습니다. 즉,미끄러지는 배경이 있는 열 옆에 정적 콘텐츠 열이 있어 동적이고 복잡한 레이아웃을 쉽게 만들 수 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
