Адаптивный виджет VK

Задача:

Как сделать виджет «Вконтакте» адаптивным или растянуть его на всю ширину экрана 100%?


Адаптивный виджет VK

Решение:
<div class="vk_widget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <!-- VK Widget --> <div id="vk_widget"> <div id="vk_groups"></div> </div> <script> function VK_Widget_Init(){ document.getElementById('vk_groups').innerHTML = ""; var vk_width = document.getElementById('vk_widget').clientWidth; VK.Widgets.Group("vk_groups", {mode: 0, width: vk_width, height: "241"}, #ВАШ_ID#); }; window.addEventListener('load', VK_Widget_Init, false); window.addEventListener('resize', VK_Widget_Init, false); </script> </div>
Похожие решения:
Изменено: 01 12 2018
Просмотров: 1537

Комментарии

Написать