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

typus

Мой дом здесь!
Регистрация
25 Июл 2007
Сообщения
895
Реакции
241
Есть сайт -
Скрытое содержимое доступно для зарегистрированных пользователей!

Хотел бы его целиком, очень нравится реализация галереи камней, но даже отдельно картинки не могу вытащить: там что то на canvas и к тому же закодировано - data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAODCAYAAABdeRx7A....и так далее еще 100500 знаков.
Может кто подсказать, как если не сайт целиком, то хотя бы картинки выкачивать
 
Согласен сайт красиво выполнен очень, на счет цепануть фото базесы вроде можно расшифровать.
 
Вот тебе массив картинок из 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 и проверяешь какие плагины или файлы еще подгружаются через них и скачиваешь
Вот и все.
Можно конечно попробовать специальный софт типа оффлайн эксплорер но лучше руками сделать
иначе потом хрен разберешь что к чему потому что накачает программа все подряд и разложен по неведомым папкам
 
Последнее редактирование модератором:
Чтобы сайт весь слить, открываешь его исходный код в браузере и копируешь код в текстовый редактор, сохраняешь файл с названием index и с расширением .html
Потом скачиваешь все JS и CSS файлы и раскидываешь по папкам как указано в исходном коде
Далее разбираешь код в JS CSS и проверяешь какие плагины или файлы еще подгружаются через них и скачиваешь
Вот и все.
Можно конечно попробовать специальный софт типа оффлайн эксплорер но лучше руками сделать
иначе потом хрен разберешь что к чему потому что накачает программа все подряд и разложен по неведомым папкам
Так то я скачал все wget-ом, только не все скачалось - кроме картинок видимо еще чего то не хватает, чтобы завелся сайт: черный фон.
В любом случае спасибо, проверю тщательнее, может, чего пропустил.
 
Чтобы сайт весь слить, открываешь его исходный код в браузере и копируешь код в текстовый редактор, сохраняешь файл с названием index и с расширением .html
Потом скачиваешь все JS и CSS файлы и раскидываешь по папкам как указано в исходном коде
Далее разбираешь код в JS CSS и проверяешь какие плагины или файлы еще подгружаются через них и скачиваешь
Вот и все.
Можно конечно попробовать специальный софт типа оффлайн эксплорер но лучше руками сделать
иначе потом хрен разберешь что к чему потому что накачает программа все подряд и разложен по неведомым папкам
Выдернул вроде бы все картинки, аудио, видео и еще кучу js, что не подтягивались самостоятельно. Тщательно перебрал все что мог, но так и не запустил сайт локально...Т.е. заставка начальная грузится, а дальше - тишина.©
Так что видимо где то что то все таки упустил...если у кого получится, дайте знать плз.

В общем завел, все необходимые файлы вроде бы есть, проблема была в том, что пути у них указаны от корня домена. Если лежит в подпапке, пути надо корректировать.
Теперь когда заработало, появился аппетит: хочу данный механизм у себя использовать, но вместо jpg мне надо использовать png без фона, и несколько других размеров. Где в скриптах прописан тип файлов картинок, нашел, изменил, но мои png отображаются ужасающе криво - и растягиваются в ширину, и контейнер виден непрозрачный. Как будто все по этим контейнерам растянуто, а где - не могу найти...
В общем, очень хочется внедрить свои png - если кто может помочь, скину ссылку на сайт - в архиве около 400 мб.
 
Последнее редактирование модератором:
У меня виснет сайт почему0то, на 25% повис и все тут. Думаю datacol справиться, либо как вариант можно воспользоваться расширениями для браузеров, которые сохраняют нужную область, если я правильно уловил суть вопроса.
 
У меня виснет сайт почему0то, на 25% повис и все тут. Думаю datacol справиться, либо как вариант можно воспользоваться расширениями для браузеров, которые сохраняют нужную область, если я правильно уловил суть вопроса.
Да не справится с данным сайтом ни одна программа, лучше как писали выше руками. Вчера на тему случайно набрёл, заинтересовало стянул за 4 часа руками. Сайтом очарован, просто сказка. Столько идей. Ту у меня есть заказчик, барыжит плиткой элитной и мозаикой. Думаю на ура подойдёт.

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


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

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

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



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

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

nofoto.jpg fotopng.jpg
 
Последнее редактирование:
Назад
Сверху