Jquery 이미지 갤러리 while 루프

이미지 갤러리를 만들기 위해 이러한 이미지를 반복하거나 페이드 인/페이드 아웃 할 수없는 것처럼 보입니다. 코드가 작동하지 않는 이유는 무엇입니까? button1을 가리 키기를 멈 추면 이미지와 애니메이션이 사라지 길 원합니다.Jquery 이미지 갤러리 while 루프

$(".button1").hover(function(){ 

    $("#about").fadeOut(0); 
    $(".button12").fadeOut(0); 
    $("#frame").fadeIn(250); 

    while (".button1".hover()){ 
    $("#image1").fadeIn(250); 
    $("#image1").delay(6000).fadeOut(250); 
    $("#image2").delay(6000).fadeIn(250); 
    $("#image2").delay(12000).fadeOut(250); 
    $("#image3").delay(12000).fadeIn(250); 
    $("#image3").delay(18000).fadeOut(250); 

    } 


    });

출처

2014-01-30 user3205630

, 나는 다음과 같은 코드를 변경 한 while (".button1".hover()){ 잘못 html로 – user1428716

당신이 동안의 조건으로 잘못된 일을 포함 jsfiddle에 넣어주십시오. 그 방법이 아니며 왜 코드를 호버 기능에 넣지 않는가? –

나는 당신의 의견에 따라 호버에 두 개의 함수를 호출하기를 원한다. 그래서 .hover (function_one, function_two);와 같이 사용해야한다. –

귀하의 구문은

  $('.button1').live('mouseover', function() { 
      $("#about").fadeOut(0); 
      $(".button12").fadeOut(0); 
      $("#frame").fadeIn(250); 
      $("#image1").fadeIn(250); 
      $("#image1").delay(6000).fadeOut(250); 
      $("#image2").delay(6000).fadeIn(250); 
      $("#image2").delay(12000).fadeOut(250); 
      $("#image3").delay(12000).fadeIn(250); 
      $("#image3").delay(18000).fadeOut(250); 
      }); 

      $('.button1').live('mouseleave', function() { 
      $("#image1").fadeOut(0); 
      $("#image2").fadeOut(0); 
      $("#image3").fadeOut(0); 
      });

데모 링크 http://jsfiddle.net/dhana36/753Lt/

출처

2014-01-30 08:26:48 dhana

버튼 1을 가리 키지 않고 이미지와 애니메이션을 멈추고 싶습니다. 어떻게해야합니까? – user3205630

@ user3205630 코드를 업데이트했습니다. 이게 당신을 도울 수 있기를 바랍니다. – dhana

@ user3205630 그런 다음 질문을 편집하고 명확하게 묻기 – Prashobh

Jquery 이미지 갤러리 while 루프

답변

관련 문제