inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

답변 부탁드립니다.

해결된 질문

272

2leh2

작성한 질문수 1

1

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

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

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

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

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

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

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

HTML/CSS 웹 디자인 jquery

답변 1

2

LIZ.B


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

LIZ.B

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

part3. spy 쪽 / part3,part4 강의자료

0

31

2

최종 코드

0

37

2

Open AI 결제

0

39

2

figma 파일을 받을 수가 없어요

0

48

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

36

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

42

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

53

1

구글 서치콘솔 도메인 소유권 확인 실패

0

37

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

57

1

다음 강의 얼른 올려주세요

0

44

2

일반 강의와 차이점?

1

52

1

중요하진 않지만 설명하신부분에서 안된부분..

1

34

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

stopPropagation()에 대해서 질문 있습니다.

0

49

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

노션에 20.Contact가 없어요

0

47

2

검색엔진 차단 noindex

0

51

2

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

0

208

1

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

1

309

2

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

1

658

2

코딩웍스 유튜브 동영상

1

248

1

답변 부탁드립니다!

1

403

1

답변 부탁드립니다.

1

263

2

자료 관련

0

250

1