jquery의 간단한 이미지 슬라이더

나는이 사이트에서 '이미지 슬라이더'에 대한 코드를 찾았습니다.이 코드는 내 필요에 맞게 변경하려고합니다. 3 개 또는 4 개의 이미지 파일을 단계별로 처리 할 수 있기를 원하지만,이 코드를 정렬 할 때까지는 두 가지로 해결할 것입니다.jquery의 간단한 이미지 슬라이더

이 코드를 수정 해 주시겠습니까? 나는 img1_on.png와 img2_on.png의 두 가지 이미지를 가지고 있습니다. 대신.에 ('rotate_images') $의 난 ('IMG')를 $를했을 때

<img id ="rotate_images" src="img1_on.png"/> 

$('rotate_images').on({ 
    'click': function() { 
     var src = ($(this).attr('src') === 'img1_on.png') 
      ? 'img2_on.png' 
      : 'img1_on.png'; 
     $(this).attr('src', src); 
    } 
});

그것은합니다.했습니다. 그래서 나는 무슨 일이 일어나고 있는지 - '현재 이미지가 img1_on.png가 아니라면 img1_on.png를 보여 주면 페이지의 어떤 이미지를 클릭 할 것입니다. 그러나 이미지의 특정 div에 코드를 적용하고 싶습니다. 이미지가 없습니다.

도움을 주시면 감사하겠습니다.

Chris.

출처

2013-04-08 CHarris

에 선택기를 변경합니다

$('#rotate_images')..

당신은 #

출처

2013-04-09 00:01:41 tymeJV

아하을 잊었다! 고마워, 어리석은 나. 이제 ... 다른 이미지를 추가하는 것이 쉬울까요? 다음과 같이 몇 줄을 더 추가하여 실험 해 보겠습니다. var src = ($ (this) .attr ('src') === 'img2_on.png') ? 'img3_on.png' : 'img2_on.png'; $ (this) .attr ('src', src); 다시 한번 감사드립니다. – CHarris

예, 답을 업데이트하겠습니다. 나 한테 몇 분만 줄래. – tymeJV

jquery의 간단한 이미지 슬라이더

답변

관련 문제