inflearn logo
강의

講義

知識共有

簡単で!短くて!強力な!ウェブデザイン技能士実技の準備

답변 부탁드립니다.

解決済みの質問

266

2leh2

投稿した質問数 1

1

안녕하세요 강사님, 슬라이더 스크립트 좌우 확인을 해보았는데, 첫번째 이미지후, 두번째 이미지  그리고 세번째로

넘어가야 하는 것이 정상으로 알고 있습니다.

허나, 첫번째 > 세번째 > 첫번째 > 두번째 > 세번째로 넘어가는 것으로 보이는데

이렇다면 실격 사유 아닌가 염려되어 질문 여쭙습니다.

이달에 실기 시험인데, 2번이나 떨어져 구매하여 3번째 시험 준비중인 학습생입니다.

이에 대한 알맞는 스크립트 작성법 알려주시길 부탁드려봅니다.

빠른 답변 주시면 감사하겠습니다! 강사님

HTML/CSS 웹 디자인 jquery

回答 1

2

lizb


let i=0;//첫번째 순서
setInterval(function(){// 시간차 3초를 두고 함수 안에 있는 내용을 실행
  if(i<2){//만약 i 가 2보다 작으면
    i++;//i+1
  }
  else{ // 그밖에 다른 조건은
    i=0;// i 값에 0 대입
  }

  let slide = (i* -100)+'%' //slide 변수에 i와 100% 즉 한 슬라이드의 너비값을
//-로 곱해준다.
  $('.visual>ul').animate({left:slide},400)//슬라이더는 곱해준 값만큼 이동한다.

},3000)//시간차 3초 설정
 
 
 
이렇게 script를 전체 다 변경해서 해 보시면 순서대로 잘 나올꺼예요
저도 미쳐 확인하지 못했던 부분인데 말씀해 주셔서 감사드립니다.
조만간 첨부파일을 다시 수정해 업로드 하겠습니다.

0

2leh2

빠른 답변 정말 감사드립니다, 수정하여 잘 적용해보았습니다.

추후 가능하시다면 강사님께서 기존 제공해주신 슬라이더에서 순서 해결된 스크립트만 재업로드 해주셔도 매우 유익할 것 같습니다!

이전 배웠던 슬라이더와는 다르게 적용시 매끄럽게 구동되어 정말 재밌게 만족하며 배웠습니다,  감사합니다!

0

lizb

네 조만간 업데이트 해서 다시 올려놓겠습니다!  감사드려요~ 꼭 좋은결과 있으실꺼예요 화이팅!

6-6

0

16

1

Json 플러그인 사용시 variable collection 없음

0

15

1

배리어블 목록 없음

0

23

3

Token 등록 방법 문의

0

21

1

6-6 실습 문의

0

25

2

섹션5 노션링크 는 따로 없나요?

0

32

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

33

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

29

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

24

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

56

2

claude plugin 방법 자세히 부탁드려요

0

40

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

40

2

최근 코테, 과제 테스트 트렌드

0

69

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

39

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

39

2

Gemini로 진행가능 여부 궁금합니다.

0

60

2

뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청

0

28

2

CS6 한글판에서 윈도우 메뉴에 캐릭터는 어디에 있습니까?

0

207

1

포토샵 CS6 대신 최신 버전으로 강의 들어도 됩니까?

1

299

2

포토샵 cs6 무료로 구할 수 없습니까?

1

646

2

코딩웍스 유튜브 동영상

1

244

1

답변 부탁드립니다!

1

396

1

답변 부탁드립니다.

1

254

2

자료 관련

0

246

1