OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
swiper
전체
최신순
질문하기
답변
1
도움필요한늙은이
·
1년 이상
290
0
답변 1
swiper 적용시키는데 css에서 저장해야만 적용이 됩니다..도와주세요
<div class="header_img"> <div class="swiper mySwiper"> <div class="header_inner swiper-wrapper"> <div class="slide s1 swiper-slide
답변
0
CarrotEasy
·
거의 2년
293
0
답변 0
리액트 Swiper 라이브러리 사용중인데 AutoPlay 옵션 질문드립니다 ㅠㅠ
현재 리액트로 테일윈드사용해서 반응형 페이지 연습중입니다ㅠ swiper 홈페이지보면서 참고하면서 만드는데 일시정지버튼이미지 누르면 재생이미지로 바뀌면서 작동을 멈추고 다시 클릭하면 작동하면서 일시정지버튼이미지로 바뀌는데요 . 이상황해서 알트탭이나 다른페이지 보고 다시 연습페이지로 돌아오면 버튼이미지는 그대로인데 오토플레이는 작동을합니다 ㅠ.. 미숙한지라 팁좀 주시면 감사합니다 . p.s 추가로 bullets쪽 클릭도 안되는데 clickable을 줬는데
답변
1
hodooYS
·
약 2년
324
0
답변 1
swiper 슬라이드 관련 질문이 있습니다.
swiper를 이용한 슬라이드를 만들었는데요. 슬라이드 갯수를 한 화면에 3개씩 보이게 설정 해뒀는데 가운데 위치하는 슬라이드를 제외하고 양옆에 위치하는 슬라이드는 클릭이나 hover 했을 때의 효과 등을 모두 막고 싶습니다. 그렇게 해서 가운데 위치에 왔을때만 다른 기능들이 작동하게 하고 싶은데 어떻게 하면 가능할까요? 슬라이드 형태는 평면이 아닌 대략적으로 설명드리면 ＼ __ ／ 이런식으로 가운데 위치한 슬라이드의 기능만
답변
1
김샛삭
·
2년 이상
330
0
답변 1
swiper 커스텀 질문드립니다..!
안녕하세요! swiper 기능을 공부중인 프론트 초보입니다..! https://www.dbinc.co.kr/ 해당 사이트를 참고해서 만들고싶은 슬라이드가 있습니다! 스크린샷 첨부합니다~! swiper로 커스텀해서 만든 슬라이드같은데, 슬라이드가 나타날 영역을 지정해주신것같아보이는데, 영역밖의 슬라이드(양쪽 끝)가 확인이 가능하더라구요. 참고해서 만들어보고싶었는데 제가하면 영역을 지정해주는 순간, 해당 영역 밖으로는 나타나지않아서 계속 커스텀 관련 검색
해결
1
김샛삭
·
2년 이상
3.4k
0
해결 1
swiper 슬라이드가 두칸씩 넘어가는데, 해결방안이 필요합니다..
안녕하세요! 개발자 분들의 도움이 절실한 프론트 초보입니다..! swiper를 사용해서 슬라이드를 만들어보고있는데, loop : true 속성을 사용하면 첫 슬라이드 바로 앞에 복제된 슬라이드가 나타나더라구요. 슬라이드를 움직이기 전에는 앞에 복제된 슬라이드가 노출이 안되었으면 좋겠어서 슬라이드를 움직이기 시작했을 때, loop가 되도록 스크립트를 추가했는데요. <script> var swiper = new Swipe
답변
2
레쓰비11
·
2년 이상
470
0
답변 2
swiper 반응형 autoplay 멈춤에 대하여
swiper를 이용해 슬라이더를 만들었는데요, 반응형을 넣고 사이즈를 모바일로했다가 다시 pc로 늘리거나 pc에서 모바일로 화면크기를 조정하면 멈추네요... 왜그럴까요? 검색해보면 저같은 증상을 가진 분들은 많은데 원인을 모르겠네요
답변
1
레쓰비11
·
2년 이상
205
0
답변 1
swiper pagination bullet에 관하여
swiper pagination에 보면 bullet이 pagination 내부에 존재하고 있는데요, 그냥 margin을 주면 값이 안먹히는데, relative를 주니 잘 먹히더라고요. 이유가 뭘까요?
답변
0
히수
·
2년 이상
296
0
답변 0
swiper와 scroll 로직 질문
제가 현재 react로 모바일 웹을 개발 중에 있습니다.그래서 페이지를 구현 중에 궁금한 이벤트가 생겼는데 감이 안잡히네요. 스크롤을 하는 중에 swiper 컨테이너가 화면 중앙에 오면 화면 중앙에 컨테이너를 고정시킵니다. 그 이후 스크롤을 내리면 swiper의 슬라이드가 움직이고, 슬라이드의 마지막까지 다 보면 고정이 풀리고 스크롤이 정상적으로 작동하는 로직을 구현하고 싶어요!
해결
1
나메코
·
거의 3년
436
0
해결 1
swiper 이미지 로드 관련해서 질문합니다
안녕하세요 제가 원하는 건 https://www.workup.plus/ https://www.fescaro.com/kr/ 위 사이트의 3번째 영역, 아래 사이트의 2번째 영역처럼 swiper를 사용해서 무한으로 넘어가는 걸 구현하고 싶습니다 하지만 제가 했을 땐 이미지가 넘어갈 때 위 이미지처럼 잘려보입니다 위의 사이트처럼 넘어갈 때 이미지의 제일 왼쪽으로 가게 구현하려면 어떻게 해야 할까요? 제 코드는 이렇게 되어 있습니다 조언부탁드립니다
답변
1
frame j
·
거의 3년
412
0
답변 1
swiper slide에 pagenation이 총 3개가 들어가야합니다...
스와이프 슬라이드에 페이지네이션이 3개가 들어가야하는데.. 하나는 1 /3 하나는 1 ㅡ 3 프로그레스바 하나는 ㅇ ㅇ ㅇ ㅇ 이렇게 총 3개가 들어가야합니다. 스와이프 슬라이드에 페이지네이션은 한개만 연결이 되는걸로 알고있습니다. swiper api 중에서 controller 라는 모듈도 써봤는데 작동이 안되더라구요.. 혹시 다른 방법이 있을까요..? 알려주시면 감사하겠습니다 ㅠㅠ..
답변
1
HardCoding
·
약 3년
537
0
답변 1
Vue3에서 Swiper 관련해서 질문드립니다
vue3기반 하이브리드 웹화면에서 Swiper 8.X 버전을 사용중인데 <div class="swiper-container"> <swiper :autoplay="{ delay: 5000, disableOnInteraction: false, height : 195 }" :centeredSlides="true" :navigation="true" :mo
답변
0
3류개발자
·
약 3년
219
0
답변 0
react swiper 컴포넌트 호출시에 element요소를 지정하는법
react swiper를 사용시에 <SwiperSlide> . . . </SwiperSlide> 와 같이 컴포넌트 호출형태로 swiperSlide를 지정하는데 <div> 로 태그가 생성이되는데 해당 jsx element를 다른 요소 (ex> <li>) 와 같은 형태로 변경할 수 있나요?
답변
3
jhg097
·
3년 이상
1.3k
0
답변 3
Swiper 새로고침시 이전에 보던 슬라이드 가운데로 오게하기
// main.jsximport React, {useEffect, useState} from 'react';import {Link, useLocation, useNavigate} from "react-router-dom";import classnames from "
답변
0
3차전직
·
3년 이상
331
0
답변 0
슬라이드 배너와 슬라이드바 연동하기
리액트로 swiper 라이브러리 사용해서 슬라이드 4장짜리의 배너를 만들어서 자동으로 전환되도록 만들었습니다.그리고 하단에 슬라이드바를 만들어서 배너가 넘어갈 때 같이 이동될 수 있게 하고 싶은데 어떻게 하면 될까요ㅜ생각한 것으로는 각 배너의 특정값을 구해서 그 값이 true일 때 슬라이드바 4개 div 중 3개는 opacity 0 처리하려고 했는데 특정값을 구하는 법을 모르겠습니다img alt="" src=
답변
1
HardCoding
·
3년 이상
1.8k
0
답변 1
swiper.js안에 이미지 관련 질문드립니다.
안녕하세요. 퍼블리셔분의 육아휴직으로 인하여퍼블업무를 땜빵하고 있는 개발자입니다기존에 swipger.js를 활용하여 웹페이지에 swipe영역에 이미지를 노출하고 있었는데개발자 모드로 가로 영역을 줄이면 이미지 사이즈는 그대로 있고이미지 사이즈가 resize가 안되는거 같습니다class를 활용해서 width는 auto로 주고 height는 260px로 고정을 해주었고img 태
답변
2
잘프잘프
·
거의 4년
309
0
답변 2
css 관련 질문
안녕하세요 프론트엔드 취준생입니다.프젝안에서 swiper 라이브러리를 사용중인데 그 안에 들어갈 요소중 x스크롤을 이용해야하는 ul태그로 이루어진 요소가 있습니다.그런데 swiper의 터치 이벤트에 x스크롤이 가려져 수행되지않고 swiper로 인한 이벤트만 일어나고있습니다.ul태그의 우선순위가 밀렸다고 생각하여 z-index에 important 주고 올려봤지만 그래도 먹질 않네요..혹시 해결 방법이
답변
0
코딩코딩딩코
·
거의 4년
541
0
답변 0
vue3 swiper 적용시키고 있는데.... next 버튼을 누르면 1개씩 이동시키고 싶어요.
위에 2개 사진은 코드들이고
답변
1
잘프잘프
·
거의 4년
390
0
답변 1
swiper css
안녕하세요 프론트를 준비중인 취준생입니다.이번에 swiper를 이용해서 여러 정보를 한곳에서 볼 수 있도록 만드려하는데https://youtube.com/shorts/WrM9-BJqVpI (youtube를 이 창에서 바로 볼 수 있도록 하려 유튜브 링크를 선택했는데 이상하게 먹질않아
답변
0
코딩코딩딩코
·
거의 4년
215
0
답변 0
swiper 작동이 안될때
swiper 쓰면 slide부분은 안먹는거같습니다. 왜 그럴까요?
답변
6
코딩코딩딩코
·
거의 4년
659
0
답변 6
반응형 스와이퍼 swiper 작동 안되는 이유가 뭘까요?
이전
1
2
3
다음
Search Bar
