테스트 사이트 - 개발 중인 베타 버전입니다

자사 홈페이지 관리중인데, 갑자기 슬라이드가 안됩니다. 채택완료

siyulater 4년 전 조회 2,170

안녕하세요. 저는 학원에서 퍼블리싱을 배워서

사수없는곳에서 기존의 홈페이지를 유지보수 중인데,

메인화면 슬라이드 부분을 건들이지 않았는데, 갑자기 슬라이드가 작동이 안됩니다

혹시 답변을 주실분 계실까요?ㅜㅜ

홈페이지 처음 들어가면 메인으로 보이는부분이 원래 3가지의 사진이 슬라이드 돼야되는데

돌아가질 않네요..

 

홈페이지 제작부서에서는 FTP파일을 건들였기 때문에 더이상 답변을 줄수 없다고 합니다.

댓글기다리겠습니다.!

 

http://assapia.com/

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

        var swiper = new Swiper('.swiper-container', {
            // slidesPerView: 1,
            loop: true,
            speed :1300,
            autoplay: {
                delay:5000,
                disableOnInteraction: false,
              },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            on: {
                transitionEnd: function () {
                    var slide_obj = $(".swiper-slide-active").find(".slide-textbox");

                    $(slide_obj).find("div").animate({
                        opacity: 1,
                        marginLeft: 0
                    },400);
                    setTimeout(function () {
                        $(slide_obj).find("p").animate({
                            opacity: 1,
                            marginLeft: 0
                        }, 600);
                    }, 500);
                },
                transitionStart: function () {
                    $(".slide-textbox").find("*").removeAttr("style");
                }
            }
        });

 

 

animate옆에 오타로 들어간 "ㅋ" 부터 삭제를 해보심이 어떨까요...

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

하이바네
4년 전
혹시 이걸로도 해결 안 되면 카카오톡 : artparkk 으로 연락 주세요. 도와드릴께요.
s
siyulater
4년 전
안녕하세요 댓글 감사합니다. 카톡 드리겠습니다 !!
블랑숑
4년 전
ㅋ가 있었네요 ㅋㅋㅋ

이거 맞는 듯 싶네요

댓글을 작성하려면 로그인이 필요합니다.

s
4년 전

여러분 감사해요 해결했습니다 ! 하이바네님 너무 감사합니다 :)

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

j
4년 전

슬라이드 박스부분 html 태그 누락인거 같네요.

 

주석부분 <!-- Add Pagination --> 위쪽에 </div> 닫기태그 하나 더 해보세요

 

태그는 잘 되어 있네요. 잘못 봤나봅니다. 죄송합니다.

 

FTP 열람후 다른 것 건드린 것이 있나요 ?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
siyulater
4년 전
네 그래서 제가 아예 건들이기전 소스 저장해놓은걸로 index랑 css 다 고쳤는데도 움직이지 않아서 여쭈어봅니다..!

댓글을 작성하려면 로그인이 필요합니다.

4년 전

<link rel="stylesheet" href="/js/swiper.min.css">

<script src="/js/swiper.min.js"></script>

 

이걸 

 

<div id="mainWrapper">

 

이거보다 위로 해보세요

 

그리고 /js/swiper.min.js 에서

 

    </script>

 

이거 위에

 })를  });로 해보세요

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
siyulater
4년 전
안녕하세요 댓글 감사합니다. 변경해도 그대로네요ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인