제이쿼리 질문입니다!
본문
사진을 하나 선택했을 때
$(function(){
$(".slick-slide img").click(function(){
$(this).css('border', "solid 7px #04a5e9");
});
});
이렇게 표현을 해줬는데 누른 사진 한개만 변하는건 되는데 다른 사진을 클릭했을땐
전에 클릭했던 사진의 css는 없어져야 해요ㅜㅜ 그리고 또 누른 사진에 다시 css가 적용되야 하구요...
어떻게 써줘야 할까요ㅜㅜ 너무 초보라... 사진은 11개입니다...
(각각 다른 사진을 눌렀을때 그 누른 사진들만 border가 생겨야함)
답변 2
클릭한 이미지의 속성이 바뀌기전에 모든 사진에 대한 속성을 먼저 없애준후 클릭한 이미지만 바뀌도록 하면되지 않을까 생각되네요..
$(function(){
$(".slick-slide img").click(function(){
$(".slick-slide img").css('border', '0');
$(this).css('border', "solid 7px #04a5e9");
});
});
$(function(){
$(".slick-slide img").click(function(){
$(".slick-slide img").css('border','node');
$(this).css('border', "solid 7px #04a5e9");
});
});
답변을 작성하시기 전에 로그인 해주세요.