Электрический чайник SCARLETT SC-1020

Для вставки кода на свой сайт скопируйте его и расместите на странице. Блок с 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('["https:\/\/www.scarlett.ru\/upload\/iblock\/3ac\/SC_1020_360_1.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/51c\/SC_1020_360_2.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/5dd\/SC_1020_360_3.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/6d9\/SC_1020_360_4.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/1f7\/SC_1020_360_5.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/02e\/SC_1020_360_6.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/07f\/SC_1020_360_7.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/7e9\/SC_1020_360_8.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/b98\/SC_1020_360_9.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/d1c\/SC_1020_360_10.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/65c\/SC_1020_360_11.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/dc8\/SC_1020_360_12.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/c8f\/SC_1020_360_13.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/ede\/SC_1020_360_14.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/64e\/SC_1020_360_15.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/3c0\/SC_1020_360_16.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/246\/SC_1020_360_17.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/35b\/SC_1020_360_18.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/f3d\/SC_1020_360_19.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/5f4\/SC_1020_360_20.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/0e8\/SC_1020_360_21.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/b55\/SC_1020_360_22.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/aaf\/SC_1020_360_23.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/894\/SC_1020_360_24.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/1b9\/SC_1020_360_25.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/4ad\/SC_1020_360_26.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/207\/SC_1020_360_27.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/2e1\/SC_1020_360_28.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/3a3\/SC_1020_360_29.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/e24\/SC_1020_360_30.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/b94\/SC_1020_360_31.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/1ce\/SC_1020_360_32.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/f34\/SC_1020_360_33.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/f4e\/SC_1020_360_34.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/832\/SC_1020_360_35.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/c29\/SC_1020_360_36.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/0fc\/SC_1020_360_37.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/70c\/SC_1020_360_38.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/8f2\/SC_1020_360_39.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/2f6\/SC_1020_360_40.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/b71\/SC_1020_360_41.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/25f\/SC_1020_360_42.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/e6e\/SC_1020_360_43.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/705\/SC_1020_360_44.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/c22\/SC_1020_360_45.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/9d8\/SC_1020_360_46.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/af1\/SC_1020_360_47.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/dd8\/SC_1020_360_48.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/1ac\/SC_1020_360_49.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/294\/SC_1020_360_50.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/bde\/SC_1020_360_51.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/2c4\/SC_1020_360_52.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/a39\/SC_1020_360_53.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/fbf\/SC_1020_360_54.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/de1\/SC_1020_360_55.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/f73\/SC_1020_360_56.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/d89\/SC_1020_360_57.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/2fc\/SC_1020_360_58.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/9a2\/SC_1020_360_59.jpg","https:\/\/www.scarlett.ru\/upload\/iblock\/bbd\/SC_1020_360_60.jpg"]'),
            zoomUseClick: true,
            zoomPinFrame: true,
            sense: -1,
            animate: false,
            sizeMode: 'fit',
            plugins: ['360', 'drag', 'zoom', 'wheel']
        });
    });
</script>
<div id="photoView360"></div>