De Slow

Вторая ссылка по запросу слайдер калькулятор jQuery

https://codepen.io/StasZhuk/pen/BwaeRj

window.onload = function () {
          startTimer(5, document.getElementById("time")); // 5 - сколько секунд ; document.getElementById("time") - блок, где нужно значение
          startTimer(10, document.getElementById("time1"));
      };


      function startTimer(duration, display) {
          var start = Date.now(),
              diff,
              minutes,
              seconds;
          function timer() {

              diff = duration - (((Date.now() - start) / 1000) | 0);

              minutes = (diff / 60) | 0;
              seconds = (diff % 60) | 0;

              minutes = minutes < 10 ? "0" + minutes : minutes;
              seconds = seconds < 10 ? "0" + seconds : seconds;

              if ( minutes === '00' && seconds === '00') {
                  display.textContent = 'текст'; // тут ваш текст
                  clearInterval(interval)
              } else {
                  display.textContent = minutes + ":" + seconds;
              }

              if (diff <= 0) {
                  start = Date.now() + 1000;
              }
          };
          var interval = setInterval(timer, 1000);
          timer();
      }

https://codepen.io/anon/pen/JxEvMQ

Замените span на label, назначьте у label в атрибут for такое же значение, как у радио атрибут id (должно быть уникальным для каждого радио). И теперь можете спокойно прятать радио.
По вашему примеру https://codepen.io/anon/pen/Gzrdxj
только поменяйте в css селекторы по атрибутам на классы. т.е. вместо input поставьте класс например .radio, и назначьте его также в html всем нужным радио.

какие системные требования нужны примерно для начала?

минимальные. Нарастить сейчас не проблема.

Подойдет ли обычный хостинг с 10гб места жд

да.

И какого размера должна быть бд?

- аналогично первому ответу.

Или лучше сразу брать Vds?

- дело вкуса и денег. Можно и дедик взять если вам нужно "красиво". Никто не запретит.

Ширина у слайдов одинаковая, чтобы задать автоматическую ширину для каждого блока, в конфигурацию slick добавьте variableWidth: true
Подробнее в документации kenwheeler.github.io/slick в примере "Variable Width"

Просто садишься и делаешь такой слайдер

Дима Турков А я думаю что вполне можно, напремер с эксиф снять время воспроизведения гифки ;) exif.regex.info/exif.cgi

Пример на CodePen

В целом, как-то так:

<script>
if (document.location.href.indexOf('//mysite.ru/mublog.ru')>=0) document.location.href='//mublog.ru';
</script>

<a href="http://mysite.ru" target="_self">Подробнее </a>

target="_self" открывает в том же окне ;)
Что бы автоматически, то скрипт редиректа

var a = document.referrer;
var b = new URL(a).hostname;
 if (b == 'ok.ru') {
        document.location.href = 'http://site.ru';
    }

2ch/4chan/bashorg

Ужасный дизайн, огромная аудитория/