Возьмите изображения с внешнего URL и сделайте их слайд-шоу [репост, ясность добавлена] - PullRequest
Новая
       7

Возьмите изображения с внешнего URL и сделайте их слайд-шоу [репост, ясность добавлена]

0 голосов
/ 03 ноября 2018

Чтобы уточнить, я выполнил большую часть своих исследований, пытаясь это сделать, и вот основной источник, с которым я работаю: запрос внешней страницы изображений

После некоторого прочтения JavaScript и JQuery я имею в виду, что я собираюсь сделать: я хочу получить URL-адреса изображений на определенной странице, разместить их в соответствующих тегах и сделать их css скрыто, пока не будет вызвано div слайд-шоу (либо это, либо использовать z-index). Я могу в основном понять, как это сделать, за исключением захвата URL-адресов, поскольку они находятся на другой странице, а не в DOM.

Я считаю, что для этого мне нужно использовать AJAX, но мне трудно понять, как его использовать. В исходном коде я нашел код, который мне нужно использовать, но я получаю сообщение об ошибке «src»: 

function sompret_image_creator(url, ptitle)
    {
    $.ajax(
    { 
    url: url,
    success: function(data) {
        var html = $.parseHTML( data ),
        img = $(html).find('.post').find('img').first().attr('src'),
        len = img.length; 
        if( len > 0 ){
        var src = img.first().attr("src"); // get id of image
        } else {
            console.log("Image not found");
             }
            console.log(src)
            image_tag='<img src="'+src+'" alt="'+ptitle+'"/>'
            return image_tag;
            }
        });
    }

(Для меня, по крайней мере, если я помещу это в JSfiddle, это дает ошибку области действия для «src». Также, будет необходимо заменить «first» на «each», чтобы получить все изображения?)

Это моя первая проблема. Вторая проблема заключается в том, что, как только я пойму, как обойти это, мне также придется учитывать нумерацию страниц тега. Это формула и все ([URL страницы тега] / page / [номер страницы]), поэтому я знаю, что могу использовать цикл, но я не знаю, что сказать, чтобы он остановился на последней странице с результатами. Здесь - пример страницы с тегом tinypaint, которая в данном случае заканчивается на странице 18.

TL; DR: Как получить изображения с внешней страницы? Код, который я знаю, который работает для этой задачи, имеет проблему с областью действия, что я должен сделать, чтобы исправить это? И как мне перебирать страницы, пока они не попадут на пустую страницу?

Может кто-нибудь помочь мне с этими проблемами? Я также хотел бы знать, что я сделал / делаю неправильно и почему ваше решение работает, чтобы использовать это как учебный опыт.

Здесь полно вопросов, прошу прощения. Мне просто любопытно, как это работает, чтобы я мог учиться на будущее.

...