클릭시 색상유지되는 디자인 채택완료
왼쪽 오른쪽 색상 버튼으로 조합해서 이미지가 보여지는 방식인데
버튼을 누르면 그 해당 이미지만 나타나고 (alt="계속 유지해야할 이미지)도 사라집니다.
방법을 어떻게 해야하는지 모르겠어요 ㅠㅠ
첫번째 색상버튼 누르면 해당 버튼 이미지가 생기고
두번쨰 색상버튼을 누르면 a버튼을 눌렀던건 사라지지 않고 유지가 되어야 합니다.
답변 4개
function img(type){ if(type == 'orage){ $('#더미 이미지ID').hide(); $('#대상이미지ID').show();
} else if(type == 'red){
$('#더미 이미지ID').hide(); $('#대상이미지ID').show();
} else if(type == 'blue){
$('#더미 이미지ID').hide(); $('#대상이미지ID').show();
} }
이런식으로 되는거죠.
다만 변수만큼 소스는 지저분해 집니다.
질문자님의 능력에 따라 case 문으로도 가능합니다.
이건 구글링 조금만 해보시면 이해 되실거에요.
한가지 팁을 더 드리자면
이렇게 해놓고
$('.img').hide();
$('#red').show();
이런식으로 하면
기존에 열린 이미지 (.img) 는 숨기고
새로 #red id 를 가진 이미지가 보여지는 원리 입니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
그냥 간단하게 onclick 으로 가능할것 같은데요?
function img(type){
if(type == 'red'){
$('#더미 이미지ID').hide();
$('#대상이미지ID').show(); }
}
답변에 대한 댓글 1개
html/ script를 전부 수정해야 하나요??
1.
<div onclick="img('red');">레드</div>
function img(type){
if(type == 'red'){
$('#더미 이미지ID').hide();
$('#대상이미지ID').show();
}
}
2.
<div onclick="img('orange');">오렌지</div>
function img(type){
if(type == 'orage){
$('#더미 이미지ID').hide();
$('#대상이미지ID').show();
}
}
이런식으로 색상 숫자에 맞게 하나씩 늘어나나요?
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
사이트를 보시면 대충 이해가 가실 듯 합니다 ㅠㅠ
왼쪽에 블랙 메쉬를 클릭하고 오른쪽에 패브릭 색상을 클릭했을때
블랙 메쉬가 사라지면 안됩니다~
바퀴가 달린 의자 이미지가 항상 고정돼있어서 색깔이 바꿔
볼 수 있는 장면이 만들고 싶습니다.
댓글을 작성하려면 로그인이 필요합니다.
alt는 이미지경로가 아니라 이미지명이나 아님 사이트명같은걸 넣으셔야되요
일단 a 버튼을 클릭하면 이미지를 생기는건
$('#a').css('background','url('./이미지경로')');
$('#b').hide();
이런식으로 비버튼은 숨김처리만 하면되구요 완전히 삭제 되지 않아서 다시 보임처리할수있어요
$('#b').show();
응용해보시면되요
답변에 대한 댓글 4개
거기 li에 클래스를 우선주고요
파런트나 클로셋으로 지정후에 자식을 찾아서 히든이나 쇼를 주면 될것같은데요
죄송합니다. url 올려드리겠습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인