Всем привет. Требуется сменить стандартную картинку загрузки IPS 4.1 на картинку спиннера, тот что сейчас при загрузке во ВКонтакте. Я бы сам выдрал бы .GIF, но я не успеваю выдрать его из исходного кода страницы VK. Также не помещало бы указать путь, где данная картинка хранится в IPS.

UPD: вроде бы нашёл, вот он:

http://vk.com/images/svg_icons/fidget_spinner_white.svg

<div class="fidget_spinner"></div>

1 час назад, Bonfire сказал:

Всем привет. Требуется сменить стандартную картинку загрузки IPS 4.1 на картинку спиннера, тот что сейчас при загрузке во ВКонтакте. Я бы сам выдрал бы .GIF, но я не успеваю выдрать его из исходного кода страницы VK. Также не помещало бы указать путь, где данная картинка хранится в IPS.

UPD: вроде бы нашёл, вот он:

http://vk.com/images/svg_icons/fidget_spinner_white.svg

<div class="fidget_spinner"></div>

Картинку в Вконтакте svg формат:

<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"><g fill="none" fill-rule="evenodd"><rect width="54" height="54"/><path fill="#fff" fill-rule="nonzero" d="M38.6660819,26.5331816 C42.5429369,26.5331816 45.787696,29.7574579 45.9983946,33.5756797 C46.082674,37.6484497 42.837915,41 38.7925011,41 C36.0112791,41 33.5671749,39.4302866 32.3872625,37.0969288 C31.3337693,35.1029685 29.3953418,33.7878032 27.1619362,33.7878032 L26.8248184,33.7878032 C24.5914128,33.7878032 22.6108456,35.1029685 21.5994922,37.0969288 C20.3774401,39.3878619 17.9754756,41 15.1942535,41 C10.8117218,41 7.31412443,37.0120794 8.11477926,32.4302132 C8.62045599,29.5029097 10.9802808,27.1271272 13.887922,26.618031 C14.4357384,26.4907569 15.0256946,26.4483323 15.5735111,26.4907569 C17.8490564,26.618031 19.9560428,25.4301398 21.0938154,23.4361795 L21.1359552,23.3513301 C22.2315881,21.4846438 22.1894484,19.1088613 20.9673963,17.2845998 C20.2088811,16.1391332 19.7453441,14.7391186 19.7453441,13.2542545 C19.7453441,8.79966233 23.7486183,5.27841328 28.2997089,6.12690703 C31.1652104,6.67842797 33.4828954,9.05421045 33.9885722,11.9390892 C34.32569,13.8482001 33.9042927,15.630037 33.0193584,17.0724764 C31.7973063,19.0664367 31.6708871,21.5270685 32.8086598,23.5210288 C33.9042927,25.4725644 36.0112791,26.7028804 38.2025449,26.5331816 C38.3711039,26.5331816 38.497523,26.5331816 38.6660819,26.5331816 Z M27,31 C29.2066958,31 30.9941776,29.2125182 31,27 C31,24.7874818 29.2066958,23 27,23 C24.7874818,23 23,24.7933042 23,27 C23,29.2125182 24.7933042,31 27,31 Z M27,29.5 C25.6208151,29.5 24.5,28.3828239 24.5,27 C24.5,25.6208151 25.6171761,24.5 27,24.5 C28.3791849,24.5 29.5,25.6171761 29.5,27 C29.496361,28.3828239 28.3791849,29.5 27,29.5 Z M15.5,37 C17.4308588,37 18.9949054,35.4359534 19,33.5 C19,31.5640466 17.4308588,30 15.5,30 C13.5640466,30 12,31.5691412 12,33.5 C12,35.4359534 13.5691412,37 15.5,37 Z M38.5,37 C40.4308588,37 41.9949054,35.4359534 42,33.5 C42,31.5640466 40.4308588,30 38.5,30 C36.5640466,30 35,31.5691412 35,33.5 C35,35.4359534 36.5691412,37 38.5,37 Z M27,17 C28.9308588,17 30.4949054,15.4359534 30.5,13.5 C30.5,11.5640466 28.9308588,10 27,10 C25.0640466,10 23.5,11.5691412 23.5,13.5 C23.5,15.4359534 25.0691412,17 27,17 Z"/></g></svg>

 

Держи png картинку

 

svgtopng.zip

31 минуту назад, Silence сказал:

Держи png картинку

It's possible to convert svg to gif animated image?

37 минут назад, Bonfire сказал:

It's possible to convert svg to gif animated image?

Yes, it's possible with CloudConvert (cloudconvert.com), or Convertio (convertio.co).

я на оборот эту шляпу блокировал в вк. а тут еще и на сайт хотят ее поставить. 

ИМХО дамы и господа. 

Спойлер

 

8 часов назад, Bonfire сказал:

It's possible to convert svg to gif animated image?

Ето картинка нет аниматед

gif

 

fidget_spinner_white.rar

Можеш анимироват через css:

width: 24px;
-webkit-animation: spin 0.7s infinite linear;
-moz-animation: spin 0.7s infinite linear;
-o-animation: spin 0.7s infinite linear;
-ms-animation: spin 0.7s infinite linear;

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}

ест пример:

Актуальный вопрос, где хранится картинка этого лоадера и как правильно ее заменить? (может можно обойтись нативными средствами или кто то посоветует хороший хук, который заменяет лоадер, быть может даже с помощью собственного css стиля). Стандартный лоадер уж слишком ужастен