Зеркало косметическое Scarlett SC-MM308L08

Для вставки кода на свой сайт скопируйте его и расместите на странице. Блок с id #photoView360 занимает полностью весь родительский блок. Изображение в нём масштабируются. Для работы необходио подключение библиотеки JQuery.

            
<link rel="stylesheet" href="http://www.scarlett.ru/static/css/view360.css" type="type="text/css""/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/release/spritespin.js"></script>
<script>
    $(document).ready(fucntion(){
        $("#photoView360").spritespin({
            source: JSON.parse('["http:\/\/www.scarlett.ru\/upload\/iblock\/de6\/26.05-Predmetnaya-semka3838-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/8d5\/26.05-Predmetnaya-semka3839-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/5cd\/26.05-Predmetnaya-semka3840-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/81a\/26.05-Predmetnaya-semka3841-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/c7e\/26.05-Predmetnaya-semka3842-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/713\/26.05-Predmetnaya-semka3843-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/750\/26.05-Predmetnaya-semka3844-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/66c\/26.05-Predmetnaya-semka3845-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/4aa\/26.05-Predmetnaya-semka3846-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/375\/26.05-Predmetnaya-semka3847-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/a6b\/26.05-Predmetnaya-semka3848.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/964\/26.05-Predmetnaya-semka3849-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/7ff\/26.05-Predmetnaya-semka3850-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/8cc\/26.05-Predmetnaya-semka3851-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/4de\/26.05-Predmetnaya-semka3852-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/d42\/26.05-Predmetnaya-semka3853-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/c57\/26.05-Predmetnaya-semka3854-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/085\/26.05-Predmetnaya-semka3855-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/45d\/26.05-Predmetnaya-semka3856-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/455\/26.05-Predmetnaya-semka3857-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/67d\/26.05-Predmetnaya-semka3858-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/1b8\/26.05-Predmetnaya-semka3859-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/13d\/26.05-Predmetnaya-semka3860-copy.jpg","http:\/\/www.scarlett.ru\/upload\/iblock\/0a6\/26.05-Predmetnaya-semka3861-copy.jpg"]'),
            zoomUseClick: true,
            zoomPinFrame: true,
            sense: -1,
            animate: false,
            sizeMode: 'fit',
            plugins: ['360', 'drag', 'zoom', 'wheel']
        });
    });
</script>
<div id="photoView360"></div>