• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.
    starwanderer - модератор этого раздела будет Вам благодарен!

Плагин Slider Revolution Responsive WordPress Plugin

Статус
В этой теме нельзя размещать новые ответы.

requiem13

Создатель
Регистрация
9 Авг 2013
Сообщения
32
Реакции
36

Slider Revolution Responsive WordPress Plugin

Slider-Revolution-Codecanyon.net.jpg

Slider Revolution на сегодняшний день является наиболее совершенным слайдером для WordPress.
Множество возможностей, позволяют создавать слайд-шоу любой сложности, а делать это очень удобно и просто.

Модератор: Тема закрыта. Дальнейшее обсуждение ведётся здесь.
 
Добрый день. Может кто сталкивался. Есть возможность добавить на слайд таймер обратного отсчета? Для разных акций
Присоединяюсь к вопросу. Англоязычные источники говорят что такая возможность есть в премиум версии, но более никакой информации не нашел.

Можно ли сделать слайдер с таймером?
 
Присоединяюсь к вопросу. Англоязычные источники говорят что такая возможность есть в премиум версии, но более никакой информации не нашел.

Можно ли сделать слайдер с таймером?
Можно. Завтра сделаю, скину пример .
 
Можно хотя бы намек? Мне бы через час уже запустить))
На примере из шаблонов от ThemePunch.

Там просто добавлен сторонний JS код и все. И текст указан просто в виде тегов.
У нас есть код: (который вам нужно будет скопировать полностью)
Код:
// SET TARGET DATE TO START COUNT DOWN FROM
// SET UNLIMITED TIME STAMPS TO JUMP TO OTHER SLIDES BASED ON THE REST TIME VIA slidechanges
// SET THE JUMP AHEAD VIA THE QUICK JUMP  (15000 == 15 sec)
// DONT FORGET TO DEFINE THE CONTAINER ID

var targetdate =  new Date().getTime() + 864000000 // i.e. '2015/12/31 24:00',
    slidechanges = [
                    { days:0, hours:0, minutes:0, seconds:12, slide:2},
                    { days:0, hours:0, minutes:0, seconds:0, slide:3}
                    ],
    quickjump = 15000,
    api = revapi10;

// countdown.js jQuery Engine MADE BY HILIOS
// https://github.com/hilios/jQuery.countdown

!function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):t(jQuery)}(function(t){"use strict";function e(t){if(t instanceof Date)return t;if(String(t).match(o))return String(t).match(/^[0-9]*$/)&&(t=Number(t)),String(t).match(/\-/)&&(t=String(t).replace(/\-/g,"/")),new Date(t);throw new Error("Couldn't cast `"+t+"` to a date object.")}function s(t){var e=t.toString().replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1");return new RegExp(e)}function n(t){return function(e){var n=e.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);if(n)for(var a=0,o=n.length;o>a;++a){var r=n[a].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/),l=s(r[0]),c=r[1]||"",u=r[3]||"",f=null;r=r[2],h.hasOwnProperty(r)&&(f=h[r],f=Number(t[f])),null!==f&&("!"===c&&(f=i(u,f)),""===c&&10>f&&(f="0"+f.toString()),e=e.replace(l,f.toString()))}return e=e.replace(/%%/,"%")}}function i(t,e){var s="s",n="";return t&&(t=t.replace(/(:|;|\s)/gi,"").split(/\,/),1===t.length?s=t[0]:(n=t[0],s=t[1])),1===Math.abs(e)?n:s}var a=[],o=[],r={precision:100,elapse:!1};o.push(/^[0-9]*$/.source),o.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),o.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),o=new RegExp(o.join("|"));var h={Y:"years",m:"months",n:"daysToMonth",w:"weeks",d:"daysToWeek",D:"totalDays",H:"hours",M:"minutes",S:"seconds"},l=function(e,s,n){this.el=e,this.$el=t(e),this.interval=null,this.offset={},this.options=t.extend({},r),this.instanceNumber=a.length,a.push(this),this.$el.data("countdown-instance",this.instanceNumber),n&&("function"==typeof n?(this.$el.on("update.countdown",n),this.$el.on("stoped.countdown",n),this.$el.on("finish.countdown",n)):this.options=t.extend({},r,n)),this.setFinalDate(s),this.start()};t.extend(l.prototype,{start:function(){null!==this.interval&&clearInterval(this.interval);var t=this;this.update(),this.interval=setInterval(function(){t.update.call(t)},this.options.precision)},stop:function(){clearInterval(this.interval),this.interval=null,this.dispatchEvent("stoped")},toggle:function(){this.interval?this.stop():this.start()},pause:function(){this.stop()},resume:function(){this.start()},remove:function(){this.stop.call(this),a[this.instanceNumber]=null,delete this.$el.data().countdownInstance},setFinalDate:function(t){this.finalDate=e(t)},update:function(){if(0===this.$el.closest("html").length)return void this.remove();var e,s=void 0!==t._data(this.el,"events"),n=new Date;e=this.finalDate.getTime()-n.getTime(),e=Math.ceil(e/1e3),e=!this.options.elapse&&0>e?0:Math.abs(e),this.totalSecsLeft!==e&&s&&(this.totalSecsLeft=e,this.elapsed=n>=this.finalDate,this.offset={seconds:this.totalSecsLeft%60,minutes:Math.floor(this.totalSecsLeft/60)%60,hours:Math.floor(this.totalSecsLeft/60/60)%24,days:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToWeek:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToMonth:Math.floor(this.totalSecsLeft/60/60/24%30.4368),totalDays:Math.floor(this.totalSecsLeft/60/60/24),weeks:Math.floor(this.totalSecsLeft/60/60/24/7),months:Math.floor(this.totalSecsLeft/60/60/24/30.4368),years:Math.abs(this.finalDate.getFullYear()-n.getFullYear())},this.options.elapse||0!==this.totalSecsLeft?this.dispatchEvent("update"):(this.stop(),this.dispatchEvent("finish")))},dispatchEvent:function(e){var s=t.Event(e+".countdown");s.finalDate=this.finalDate,s.elapsed=this.elapsed,s.offset=t.extend({},this.offset),s.strftime=n(this.offset),this.$el.trigger(s)}}),t.fn.countdown=function(){var e=Array.prototype.slice.call(arguments,0);return this.each(function(){var s=t(this).data("countdown-instance");if(void 0!==s){var n=a[s],i=e[0];l.prototype.hasOwnProperty(i)?n[i].apply(n,e.slice(1)):null===String(i).match(/^[$A-Z_][0-9A-Z_$]*$/i)?(n.setFinalDate.call(n,i),n.start()):t.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi,i))}else new l(this,e[0],e[1])})}});


var currentd,currenth,currentm,currents;

function animateAndUpdate(o,nt,ot) {
   if (ot==undefined) {
     o.html(nt);
   } else {
      if (o.css("opacity")>0) {
      punchgs.TweenLite.fromTo(o,0.45,
          {autoAlpha:1,rotationY:0,scale:1},
          {autoAlpha:0,rotationY:-180,scale:0.5,ease:punchgs.Back.easeIn,onComplete:function() { o.html(nt);} });

  punchgs.TweenLite.fromTo(o,0.45,
          {autoAlpha:0,rotationY:180,scale:0.5},
          {autoAlpha:1,rotationY:0,scale:1,ease:punchgs.Back.easeOut,delay:0.5 });
      } else {
         o.html(nt);
      }
   }
  return nt;
}

function countprocess(event) {

  var newd = event.strftime('%D'),
      newh = event.strftime('%H'),
      newm = event.strftime('%M'),
      news = event.strftime('%S');
  if (newd != currentd) currentd = animateAndUpdate(jQuery('#c_days'),newd,currentd);
  if (newh != currenth) currenth = animateAndUpdate(jQuery('#c_hours'),newh,currenth);
  if (newm != currentm) currentm = animateAndUpdate(jQuery('#c_minutes'),newm,currentm);
  if (news != currents) currents = animateAndUpdate(jQuery('#c_seconds'),news,currents);

  jQuery.each(slidechanges,function(i,obj) {
    var dr = obj.days==undefined || obj.days>=newd,
        hr = obj.hours==undefined || obj.hours>=newh,
        mr = obj.minutes==undefined || obj.minutes>=newm,
        sr = obj.seconds==undefined || obj.seconds>=news;
      if (dr && hr && mr && sr && !obj.changedown) {
         api.revshowslide(obj.slide);
         obj.changedown = true;
      }
  })
}

jQuery('#skipahead').click(function(){
  var smalloffset = new Date().getTime() + quickjump;
api.countdown(smalloffset,countprocess);
});

api.countdown(targetdate, countprocess);
.....
Код:
  var newd = event.strftime('%D'),
      newh = event.strftime('%H'),
      newm = event.strftime('%M'),
      news = event.strftime('%S');
В этом куске кода, видим наши теги. То есть, где указываем в редакторе "день", пишем тег "%D" в виде текста, где часы, пишем тег "%H". И так далее.

Нужное нам время, можно установить в коде:
Код:
new Date().getTime() + 864000000
Где число 864000000 (в секундах) - это 10 дней отсчета.
Думаю, что свое установить будет не сложно, если использовать соответствующий калькулятор.

Код, который в начале, нужно добавить в "пользовательские стили" в раздел "JS".


Думаю понятно. Шаблон прикрепил.
 

Вложения

  • coming-soon-add-on.zip
    218,6 KB · Просмотры: 8
Последнее редактирование:

Вложения

  • coming-soon.zip
    551,8 KB · Просмотры: 6
Попробуйте этот вариант.
Проблема в том что скрипт пытается получить ссылку на глобальную переменную или обьект revapi10, который у меня почему-то не инициализирован, за что по логике должен отвечать сам плагин Революшн. Слайдер последней версии из этого поста, слайд корректно запускается на странице, но revapi10, на который можно ссылаться найти не удалось.
Код:
api = revapi10;
12 строка в этом коде.

Прошу простить за оффтоп, кому это не интересно.

upd: Попробовал на чистом локальном сервере - аналогичная ситуация. Что я делаю не так?=(

upd2: Методом "тыка" выяснил что у разных слайдеров разные апи
upload_2019-1-7_13-24-19.png

Но всплывает уже следующая ошибка:
"Uncaught TypeError: Cannot read property 'countdown' of undefined"
upload_2019-1-7_13-25-54.png

Подключал даже их скрипт из описания:
Для просмотра ссылки Войди или Зарегистрируйся

Пока все тщетно.
 

Вложения

  • upload_2019-1-7_13-24-4.png
    upload_2019-1-7_13-24-4.png
    16,4 KB · Просмотры: 4
Последнее редактирование:
Проблема в том что скрипт пытается получить ссылку на глобальную переменную или обьект revapi10, который у меня почему-то не инициализирован, за что по логике должен отвечать сам плагин Революшн. Слайдер последней версии из этого поста, слайд корректно запускается на странице, но revapi10, на который можно ссылаться найти не удалось.
Код:
api = revapi10;
12 строка в этом коде.

Прошу простить за оффтоп, кому это не интересно.

upd: Попробовал на чистом локальном сервере - аналогичная ситуация. Что я делаю не так?=(

upd2: Методом "тыка" выяснил что у разных слайдеров разные апи
Посмотреть вложение 100994

Но всплывает уже следующая ошибка:
"Uncaught TypeError: Cannot read property 'countdown' of undefined"
Посмотреть вложение 100995

Подключал даже их скрипт из описания:
Для просмотра ссылки Войди или Зарегистрируйся

Пока все тщетно.
API поправить в скрипте. По идеи.

P.S у вас случаем не купленная версия?
 
Появилась ли у кого-нибудь эта крутилка?
Для просмотра ссылки Войди или Зарегистрируйся
Просто берем и делаем фото в виде фотосферы. Включаем аддон в настройках и загружаем туда фото. Скрипты просто позволяют крутить фото. Ничего волшебного там.
 
P.S у вас случаем не купленная версия?
Нет.

Ваш второй пример все таки смог запустить, там привязка функции к классам полей, а не якорям типа "%day%" и т.д. Основываясь на этом примере теперь смогу создавать свои слайдеры с таймером. Спасибо.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху