jquery를 사용하여 배경 이미지를 변경하려면 클릭하십시오

-1

다음 반복 이미지에서 방금 돌아가는 이미지 대신 배경 이미지를 선택할 수 있도록 다음 jQuery 코드를 편집 할 수 있습니까?jquery를 사용하여 배경 이미지를 변경하려면 클릭하십시오

버튼 선택기를 각 이미지에 첨부하는 방법을 알 수 없습니다. 이것은 Sprout theme 이후에 적용됩니다.

감사합니다.

jQuery(function() { 

    var imgArr = new Array(// relative paths of images 
    'images/k2-in-skies.jpg', 'images/k2.jpg', 'images/kunhar-river.jpg', 'images/mitre-peak-baltoro.jpg', 'images/musa-ka-musalla.jpg', 'images/nanga-parbat.jpg', 'images/naran-valley.jpg'); 

    var preloadArr = new Array(); 
    var i; 

    /* preload images */ 
    for (i = 0; i < imgArr.length; i++) { 
     preloadArr[i] = new Image(); 
     preloadArr[i].src = imgArr[i]; 
    } 

    var currImg = 1; 
    var intID = setInterval(changeImg, 6000); 

    /* image rotator */ 

    function changeImg() { 
     $('#bg-imagesq').animate({ 
      opacity: 0 
     }, 1000, function() { 
      $(this).css('background', 'url(' + preloadArr[currImg++ % preloadArr.length].src + ') top center no-repeat'); 
     }).animate({ 
      opacity: 1 
     }, 1000); 
    } 

});

출처

2012-07-05 Nsokyi

나는 3 일 동안이 사실을 알아 내려고 노력해 왔으며, 대부분의 시간 동안 나는 편두통을 앓았다. 나는 프로그래머가 아니며 jquery를 완전히 배울 시간이 없다. – Nsokyi

현재 수정 번호는 #bg-imagesq입니다. 당신이해야 할 일은 img 태그 $('img')으로 모든 요소를 추출하도록 변경하는 것입니다. 현재 페이지의 모든 이미지에 코드를 적용하지 않으려면 특정 이미지에 더미 CSS 클래스를 추가하고 $('.bg-imagesCssClass') (예)으로 변경하십시오.

출처

2012-07-05 13:49:06 reporter

jquery를 사용하여 배경 이미지를 변경하려면 클릭하십시오

답변

관련 문제