Как бы вытащить картинки

Тема в разделе "Мегафлуд", создана пользователем typus, 16 ноя 2015.

  1. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    640
    Симпатии:
    154
    Есть сайт -

    Хотел бы его целиком, очень нравится реализация галереи камней, но даже отдельно картинки не могу вытащить: там что то на canvas и к тому же закодировано - data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAODCAYAAABdeRx7A....и так далее еще 100500 знаков.
    Может кто подсказать, как если не сайт целиком, то хотя бы картинки выкачивать
     
  2. angel_sia

    angel_sia Постоялец

    Регистр.:
    7 окт 2012
    Сообщения:
    149
    Симпатии:
    70
    Согласен сайт красиво выполнен очень, на счет цепануть фото базесы вроде можно расшифровать.
     
  3. xprocessorx

    xprocessorx

    Регистр.:
    27 авг 2014
    Сообщения:
    208
    Симпатии:
    249
    Вот тебе массив картинок из JS кода
    PHP:
    slabData: [{
                
    id"slab-00",
                
    name"Maldivian Azure",
                
    description"Onyx"
            
    }, {
                
    id"slab-01",
                
    name"Lily White Agate with Golden Inlay",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-02",
                
    name"Chrysoprase",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-03",
                
    name"Araneo",
                
    description"Marble"
            
    }, {
                
    id"slab-04",
                
    name"Fading Inferno",
                
    description"Tra-Onyx"
            
    }, {
                
    id"slab-05",
                
    name"Royal Blue",
                
    description"Sodalite"
            
    }, {
                
    id"slab-06",
                
    name"Detail of Magenta Agate",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-07",
                
    name"Sunset Dune",
                
    description"Travertine"
            
    }, {
                
    id"slab-08",
                
    name"Lightning Cloud",
                
    description"Marble"
            
    }, {
                
    id"slab-09",
                
    name"Zebra Hue",
                
    description"Marble"
            
    }, {
                
    id"slab-10",
                
    name"Molten-Comb",
                
    description"Onyx"
            
    }, {
                
    id"slab-11",
                
    name"Portoro Gold",
                
    description"Marble"
            
    }, {
                
    id"slab-12",
                
    name"Auburn Strata",
                
    description"marble"
            
    }, {
                
    id"slab-13",
                
    name"Midnight Storm",
                
    description"Marble"
            
    }, {
                
    id"slab-14",
                
    name"Snow Blossom",
                
    description"Onyx"
            
    }, {
                
    id"slab-15",
                
    name"Statuario Venato",
                
    description"Marble"
            
    }, {
                
    id"slab-16",
                
    name"Malachite Golden Inlay",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-17",
                
    name"Green Strata",
                
    description"Onyx"
            
    }, {
                
    id"slab-18",
                
    name"Titan Grey",
                
    description"Travertine"
            
    }, {
                
    id"slab-19",
                
    name"Dove Heart",
                
    description"Onyx"
            
    }, {
                
    id"slab-20",
                
    name"Moss Agate with Golden Inlay",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-21",
                
    name"Beluga",
                
    description"Marble"
            
    }, {
                
    id"slab-22",
                
    name"Smoked Earth",
                
    description"Marble"
            
    }, {
                
    id"slab-23",
                
    name"Mercurius",
                
    description"Marble"
            
    }, {
                
    id"slab-24",
                
    name"White Quartz",
                
    description"Quartz"
            
    }, {
                
    id"slab-25",
                
    name"Emerald Cross Cut",
                
    description"Tra-Onyx"
            
    }, {
                
    id"slab-26",
                
    name"Honey-Hue",
                
    description"Onyx"
            
    }, {
                
    id"slab-27",
                
    name"Burnt Orange Noir",
                
    description"Marble"
            
    }, {
                
    id"slab-28",
                
    name"Indigo Strata",
                
    description"Onyx"
            
    }, {
                
    id"slab-29",
                
    name"Spotted Inca Gold",
                
    description"Travertine"
            
    }, {
                
    id"slab-30",
                
    name"Ancient Ice Blue Agate",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-31",
                
    name"Blue Carnelian",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-32",
                
    name"Yellow-Gris Ripple",
                
    description"Travertine"
            
    }, {
                
    id"slab-33",
                
    name"Brown Flagstone",
                
    description"Travertine"
            
    }, {
                
    id"slab-34",
                
    name"Variato Grey Agate",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-35",
                
    name"Variato Grey Agate",
                
    description"Backlit Semi-Precious Stone"
            
    }, {
                
    id"slab-36",
                
    name"Sunrise Delight",
                
    description"Onyx"
            
    }, {
                
    id"slab-37",
                
    name"Rust Strata",
                
    description"Onyx"
            
    }, {
                
    id"slab-38",
                
    name"Jaune Strata",
                
    description"Onyx"
            
    }, {
                
    id"slab-39",
                
    name"Rust Strata",
                
    description"Backlit Onyx"
            
    }, {
                
    id"slab-40",
                
    name"Brown Fossil",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-41",
                
    name"Detail of Purple Agate",
                
    description"Backlit Semi-Precious Stone"
            
    }, {
                
    id"slab-42",
                
    name"Etna",
                
    description"Onyx"
            
    }, {
                
    id"slab-43",
                
    name"Burnt Rouge",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-44",
                
    name"Gleeful Coral",
                
    description"Onyx"
            
    }, {
                
    id"slab-45",
                
    name"Tropical Reef",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-46",
                
    name"Detail of Magenta Agate",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-47",
                
    name"Labradorite",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-48",
                
    name"Pearl Shell",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-49",
                
    name"Ochre Storm Ripple",
                
    description"Marble"
            
    }, {
                
    id"slab-50",
                
    name"Cloud Whisper",
                
    description"Onyx"
            
    }, {
                
    id"slab-51",
                
    name"Blush",
                
    description"Onyx"
            
    }, {
                
    id"slab-52",
                
    name"Shades of Vermillion",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-53",
                
    name"Brown Labradorite",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-54",
                
    name"Concours Blue",
                
    description"Onyx"
            
    }, {
                
    id"slab-55",
                
    name"Fire Rain",
                
    description"Onyx"
            
    }, {
                
    id"slab-56",
                
    name"Indigo Violet",
                
    description"Amethyst"
            
    }, {
                
    id"slab-57",
                
    name"Hint of Sky",
                
    description"Marble"
            
    }, {
                
    id"slab-58",
                
    name"Primal Fusion",
                
    description"Detail of Backlit Semi-Precious Stone"
            
    }, {
                
    id"slab-59",
                
    name"Lapis Lazuli",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-60",
                
    name"Petrified Wood",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-61",
                
    name"Rose Quartz",
                
    description"Backlit Semi-Precious Stone"
            
    }, {
                
    id"slab-62",
                
    name"Red Jasper with Golden Inlay",
                
    description"Semi-Precious Stone"
            
    }, {
                
    id"slab-63",
                
    name"Calacatta Venato",
                
    description"Marble"
            
    }, {
                
    id"slab-64",
                
    name"Indigo Amethyst",
                
    description"3D Amethyst"
            
    }, {
                
    id"slab-65",
                
    name"Caramel Clouds",
                
    description"Onyx"
            
    }, {
                
    id"slab-66",
                
    name"Auburn Honey Cream",
                
    description"Tra-Onyx"
            
    }, {
                
    id"slab-67",
                
    name"Oak Seam",
                
    description"Marble"
            
    }, {
                
    id"slab-68",
                
    name"Selene Bronze",
                
    description"Marble"
            
    }, {
                
    id"slab-69",
                
    name"Arabescato",
                
    description"Marble"
            
    }, {
                
    id"slab-70",
                
    name"Orange Coral",
                
    description"Onyx"
            
    }, {
                
    id"slab-71",
                
    name"Ancient Moss",
                
    description"Marble"
            
    }, {
                
    id"slab-72",
                
    name"Warm Henna",
                
    description"Marble"
            
    }, {
                
    id"slab-73",
                
    name"Yellow Moonstone",
                
    description"Marble"
            
    }, {
                
    id"slab-74",
                
    name"Fresh Blossom",
                
    description"Onyx"
            
    }, {
                
    id"slab-75",
                
    name"Snow Drift",
                
    description"Backlit Onyx"
            
    }, {
                
    id"slab-76",
                
    name"Snow Drift",
                
    description"Onyx"
            
    }, {
                
    id"slab-77",
                
    name"Perfect White",
                
    description"Onyx"
            
    }, {
                
    id"slab-78",
                
    name"Hazel Honey",
                
    description"Backlit Onyx"
            
    }, {
                
    id"slab-79",
                
    name"Metis Amare",
                
    description"Tra-Onyx"
            
    }, {
                
    id"slab-80",
                
    name"Blue Tiger Eye",
                
    description"Semi-Precious Stone"
            
    }],
    А вот ссылка по которой можно выдернуть все картинки

    в названии файла меняй цифры в соответствии с массивом который указан выше.

    Эту информацию я достал из


    Чтобы сайт весь слить, открываешь его исходный код в браузере и копируешь код в текстовый редактор, сохраняешь файл с названием index и с расширением .html
    Потом скачиваешь все JS и CSS файлы и раскидываешь по папкам как указано в исходном коде
    Далее разбираешь код в JS CSS и проверяешь какие плагины или файлы еще подгружаются через них и скачиваешь
    Вот и все.
    Можно конечно попробовать специальный софт типа оффлайн эксплорер но лучше руками сделать
    иначе потом хрен разберешь что к чему потому что накачает программа все подряд и разложен по неведомым папкам
     
    Последнее редактирование модератором: 12 дек 2015
    crashvlad, typus, Renny и ещё 1-му нравится это.
  4. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    640
    Симпатии:
    154
    Так то я скачал все wget-ом, только не все скачалось - кроме картинок видимо еще чего то не хватает, чтобы завелся сайт: черный фон.
    В любом случае спасибо, проверю тщательнее, может, чего пропустил.
     
  5. Alexsmm

    Alexsmm Постоялец

    Регистр.:
    2 окт 2015
    Сообщения:
    107
    Симпатии:
    8
    а ты не пробовал вот эту программу
     
  6. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    640
    Симпатии:
    154
    Выдернул вроде бы все картинки, аудио, видео и еще кучу js, что не подтягивались самостоятельно. Тщательно перебрал все что мог, но так и не запустил сайт локально...Т.е. заставка начальная грузится, а дальше - тишина.©
    Так что видимо где то что то все таки упустил...если у кого получится, дайте знать плз.

    В общем завел, все необходимые файлы вроде бы есть, проблема была в том, что пути у них указаны от корня домена. Если лежит в подпапке, пути надо корректировать.
    Теперь когда заработало, появился аппетит: хочу данный механизм у себя использовать, но вместо jpg мне надо использовать png без фона, и несколько других размеров. Где в скриптах прописан тип файлов картинок, нашел, изменил, но мои png отображаются ужасающе криво - и растягиваются в ширину, и контейнер виден непрозрачный. Как будто все по этим контейнерам растянуто, а где - не могу найти...
    В общем, очень хочется внедрить свои png - если кто может помочь, скину ссылку на сайт - в архиве около 400 мб.
     
    Последнее редактирование модератором: 12 дек 2015
  7. mazdada

    mazdada Создатель

    Регистр.:
    27 ноя 2012
    Сообщения:
    8
    Симпатии:
    0
    У меня виснет сайт почему0то, на 25% повис и все тут. Думаю datacol справиться, либо как вариант можно воспользоваться расширениями для браузеров, которые сохраняют нужную область, если я правильно уловил суть вопроса.
     
  8. sindrom1974

    sindrom1974

    Регистр.:
    24 окт 2015
    Сообщения:
    261
    Симпатии:
    123
    Да не справится с данным сайтом ни одна программа, лучше как писали выше руками. Вчера на тему случайно набрёл, заинтересовало стянул за 4 часа руками. Сайтом очарован, просто сказка. Столько идей. Ту у меня есть заказчик, барыжит плиткой элитной и мозаикой. Думаю на ура подойдёт.

    У меня сайт на диске занимает 313мб. Ссылки не убирал, всё как есть. Поэтому с папки работать не будет, помещайте на хост или Денвер, OpenServer и т.д. Протестировал на сколько можно за это время было вроде всё работает.


    Насколько пока понял их размер вычисляется

    поэтому главное пропорции выдержать.
     
    Последнее редактирование: 29 дек 2015
  9. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    640
    Симпатии:
    154
    Про пропорции я тоже так примерно и предположил, думал, методом тыка подогнать. Но проблема с размещением png без фона вместо jpg кроме пропорций требует еще каких то решений.
    Пока вплотную не брался, но думаю, что уже в январе надо будет заняться, есть идея сделать из этого типа веб презентации и показывать ее на большом экране на выставке, выставка будет в конце февраля.
     
  10. sindrom1974

    sindrom1974

    Регистр.:
    24 окт 2015
    Сообщения:
    261
    Симпатии:
    123
    Попробовал png, советую отказаться от данной затеи. Как вы вообще планируете выводить на большой экран png в высоком разрешении!!! Да появляются контейнеры. Снимки прикреплю к посту. Один показывает заготовку без фотографий и второй косяки png. Пробел прокручивает галерею кстати, очень удобно. Адаптировал под плитку и мозаику, показал клиенту, позитив. Можно показывать любое покрытие, линолеум, ткани и т.п. Единственно либо услуги проф фотографа, либо грабить в высоком разрешении. Советую также посетить сайт, авторов js, ну очень много интересного и необычного у них

    nofoto.jpg fotopng.jpg
     
    Последнее редактирование: 29 дек 2015