2014-07-04 1 views
0

this site의 갤러리에서 모든 이미지를 다운로드해야하지만 URL을 얻는 방법이나 URL이 저장된 위치를 알 수 없습니다.javascript 메뉴에서 동적으로 생성 된 모든 URL을 얻는 방법은 무엇입니까?

일부 프로그램으로 전체 사이트를 다운로드하려고했지만 어느 누구도 메뉴를 다운로드하지 못했습니다. 누군가가 수동으로 하나씩 수행하지 않고이를 달성하는 방법을 알고 싶습니다.

<script type="text/javascript"> 
$(function(){ 
    $(".text-frame").not(".default-frame").hide(); 
    $('#menubar .button').hover(function(){ 
     $(this).toggleClass("button-hover"); 
    }); 
    $('#menubar .button').click(function(){ 
     $(".text-frame").hide(); 
     $("#image-viewer").hide(); 
     $(".button").removeClass("button-active"); 
     var showTextframe = $(this).attr("rel"); 
     $("#" + showTextframe).show(); 
     $(this).addClass("button-active"); 
    }); 

    function showImages (imgLinks){ 
     for (var i = 0; i < imgLinks.length; i++){ 
      //$("#image-box").append($('<img>').attr('src', imgLinks[i])); 
      var $imgSelector = $('<a>'+ (i + 1) +'</a>') 
       .data('imglink',imgLinks[i]) 
       .click(function(){ 
        $("#image-box").find("img").attr('src', $(this).data('imglink')); 
        $("#image-links").find('a').removeClass('active'); 
        $(this).addClass('active'); 
        //alert ("I open Image" + $(this).data('imglink')); 
       }); 
      $("#image-links").append($imgSelector); 
      $("#image-links").find('a:first').trigger('click'); 
     } 
    } 

    $.get("plants_w_links.md", function(semillaMenu){ 
     var markdownConverter = new Showdown.converter(); 
     $semillaMenu = $(markdownConverter.makeHtml(semillaMenu)); 
     $semillaMenu.find("img").each(function(){ 
      var $menuimage = $(this); 
      var $menulink = $(this).parent("li").find("a"); 
      var menuimages = $menulink.data("menuimages") || []; 
      menuimages.push($menuimage.attr("src")); 
      $menulink.data("menuimages",menuimages); 
      $menuimage.remove(); 
     }); 

     $semillaMenu.find("a").click(function(){ 
      var menuImages = $(this).data("menuimages"); 
      //$("#image-box").empty(); 
      $("#image-links").empty(); 

      if (menuImages){ 
       $("#image-viewer").show(); 
       showImages(menuImages); 

      } 
     }); 

     $semillaMenu.addClass("sf-menu sf-vertical"); 
     $('#semilla-menu').html($semillaMenu); 
     jQuery('ul.sf-menu').superfish({delay:10}); 

    }); 


}); 
</script> 

기능 showImages가 URL을 생성하는 것 같다하지만 난 그와 함께 무엇을 해야할지하지 않습니다

여기에 내가 URL을 생성하는 코드를보고 할 수 있습니다.

내가 진보적 인 URL 이미지를 donwloading에 대해 이야기 비슷한하지만 그들 모두를 묻는 여기에 많은 문제를 발견 (같은 blabla.com/image1.jpg, blabla.com/image2.jpg 등) 그러나 그것은 사실이 아니다는 이미지는 패턴없이 생성되는 (또는되지 않은 내가 얻을 수 있거나 추론 할 수있는 것).

EDIT : 크롬 인스펙션 콘솔에서 비슷한 기능을 실행하려면 클릭 한 옵션의 URL 대신 모든 URL을 제공하는 방법을 알아야합니다.

EDIT2 : IRC 채널의 누군가가 스크립트가 jQuery 일 수 있다고 말했기 때문에 태그를 추가하고 있습니다.

+0

그래서 웹 페이지에있는 모든 이미지의 URL을 원하십니까? –

답변

0
var urls = new Array();  
Array.prototype.forEach.call(document.images, function(img){ urls.push(img.src) }); 
console.log(urls); 

실행 후이 코드 줄 에는 페이지의 모든 이미지 원본이 포함됩니다.

+0

미안하지만, 내 코드는 어디로 간다? 어디에서 코드를 작성하여 실행해야합니까? EDIT : Chrome을 사용하고 있습니다. – LogoS

+0

나는 그것을 검사 콘솔에 썼다. 결과는 다음과 같습니다. '[ "http://www.sinavimo.gov.ar/malezascontaminantes/img/cuadro.jpg", ""] VM1181 : 4 undefined' 먼저해야 할 일이 있습니까? – LogoS

+0

src 속성이없는 이미지 태그가있을 수 있습니다. 'undefined '에 대해 걱정하지 마라. 그것은 두 번째 라인에서 함수 호출의 반환 값이다. –

0

마지막으로 jQuery 채팅에있는 누군가가 내 문제를 해결하는 방법을 알려줍니다. 직접적으로 this link에 접근은 응답이었다. 이 링크에는 semillaMenu 함수 형식 (aparently)과 프로세스가 사이트의 이미지를 표시하는 menues의 구조가 포함 된 것으로 보입니다.

이 경우에만 작동하기 때문에 이것은 아직 내 질문을 해결하지 못합니다. 내가 원했던 것은 스크립트로 URL을 얻는 방법 이었지만 문제는 해결되었습니다.

누군가가 수동으로 plants_w_links.md 파일을 처리하지 않고도 모든 이미지 링크를 제공하는 스크립트를 만드는 방법을 알고 있다면 나는 답을주지 않겠습니다.

관련 문제