dicem

А почему нет?
Можно погуглить и найти готовый код для преобразования. Я например что то нашел но не проверял еще, https://stackoverflow.com/questions/4809194/conver...
Ваша задача стоит лишь в том, чтоб в качестве GET параметра принять ссылку на SVG, прогнать файл через скрипт и выдать по автоматически генерируемому адресу ссылку на png файл.

Вобще запилил без анимации https://jsfiddle.net/cm29kzbg/
Но я наткнулся на шикарный пример без js

Кароч когда под owl верстаешь, там выставляешь на отображение 5 изображений. На активные (отображаемые) изображения, owl добавляет классы (.active) или что то типа того. Это поомжет тебе сделать так:

.active{
  transform: scale(80%);
}
.active:first-child{
  transform: scale(100%);
}

touchpunch.furf.com

Попробуй занулить переменную при объявлении, или любое дефолтное значение ему запихать типа
var result = true;

Owl Carousel + LightBox

Нашел только что ответ на твой вопрос. Плагин Visual Composer. Тама та вот такое чудо есть:

Вобще можно использовать любой плагин с галереями в купе с модальным окном того же бутстрапа.
Я бы попробывал LightBox + модальное окно внутри которого тот же LightBox

$('input[type="radio"]').click( function(){

if ( this.checked ){
$(this).attr('checked', false);
}
else{
$(this).attr('checked', true);
}

});

https://gionkunz.github.io/chartist-js/
Я эту библиотеку юзал, оч крутая, API круто расписано, и все понятно.

Берем

$( document ).ready(function() {

var someFn = function()
{
  console.log( (new Date) );
};

var i = 0;
var  max = 10;
var _interval = setInterval(function() {
  if( i < max )
  {
    someFn();
    i++;
  } else {
    clearInterval( _interval );
  }
}, 1000);


});

где max - кол-во итераций
ну и someFN() - нужная функция

юзайте GET запросы