안녕하세요 wix에서 코딩관련해서 질문드립니다. 지나가다가 실수로 들려주세요 ㅜㅜ

조회수 1233회

이미지

안녕하세요 코딩에 코짜도 모르는 디자이너입니다 ㅜㅜ

윅스 코딩으로 원하는 효과를 작업하고 싶은데 무슨말인지 하나도 모르겠네용 ㅜㅜ....

'지금이순간' 에 마우스 오버했을 때

'하나 뿐인 당신을 위하여' 이미지로 바꾸는 작업을 하고싶습니다 !

'지금이순간' 이 현재 #image1 로 지정되어있고

'하나뿐인 당신을 위하여'가 #image2로 지정되어있는데

어떻게 하면 코드를 완성시킬 수 있을까요.....

지나가시는 전문가님들의 손길이 절실히 필요합니다 한번만 도와주세요...ㅜㅜ

  • (•́ ✖ •̀)
    알 수 없는 사용자

1 답변

  • 혹시 커스텀 HTML과 커스텀 CSS를 넣는게 가능하다면 이런거 해보세요.

    HTML

    <div id="nunc"></div>
    

    CSS

    #nunc {
      display: block;
      width: 100%;
      height: 48px; /* 이미지가 너무 작게 표시된다면 키우세요. */
      background-image: url("http://어쩌구저쩌구~지금이순간.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer; /* 이 줄은 빼도 됩니다. */
    }
    #nunc:hover {
      background-image: url("http://어쩌구저쩌구~하나뿐인당신을위하여.jpg");
    }
    

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

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)