Thumbnail Grid как прикрутить слайдер?

Question

[Daniel_Defo]

Добрый день, есть страница тут на которой я сделал галлерею с помощью thumb , знает ли кто нибудь как прикрутить к всплывающей картинке с описанием слайдер или карусель? Исходники на самой странице плагина, понятия просто не имею как доработать скрипт чтобы он выводил не одну картинку, а именно слайдер.

Comments

[Froggyweb]

что бы появился слайдер для него сначала надо указать откуда брать картинки., затем вместо одной картинки вывести список,
пока слайдер брать вообще неоткуда.

[Daniel_Defo]

Froggyweb: как это реализовать и вообще сколько это стоить будет если браться?

[Froggyweb]

Daniel_Defo: непонятно какая CMS как организованы картинки. если просто верстка, то просто вывести несколько картинок вместо одной и приинициализировать какой-нибудь слайдер.

[Daniel_Defo]

Froggyweb: это не cms, чистая верстка, я не понимаю как это реализовать, может подскажешь?

[Daniel_Defo]

получается там при нажатии на thumb через скрипт подставляется блок с стилями, то есть большая картинка с описанием

Preview.prototype = {
    create : function() {
      // create Preview structure:
      this.$title = $( '<h3></h3>' );
      this.$description = $( '<p></p>' );
      this.$href = $( '<div class="og-btn-wrap"><a class="prod-callback-btn" href="#sendform1">Узнать цену</a></div>' );
      this.$details = $( '<div class="og-details"></div>' ).append( this.$title, this.$description, this.$href );
      this.$loading = $( '<div class="og-loading"></div>' );
      this.$fullimage = $( '<div class="og-fullimg"></div>' ).append( this.$loading );
      this.$closePreview = $( '<span class="og-close"></span>' );
      this.$previewInner = $( '<div class="og-expander-inner"></div>' ).append( this.$closePreview, this.$fullimage, this.$details );
      this.$previewEl = $( '<div class="og-expander"></div>' ).append( this.$previewInner );
      // append preview element to the item
      this.$item.append( this.getEl() );
      // set the transitions for the preview and the item
      if( support ) {
        this.setTransition();
      }
    },

[Froggyweb]

Daniel_Defo:
да вообще там довольно навороченное решение
У себя я делал проще на основе этого=же решения.
new.adipol.by/catalog/ten/tenyi-dlya-klimatichesko...
кликни на иконке с плюсом.

Там идет ajax запрос для получения картинок данной категории и вставляется в блок.
можно это реализовать и без участия сервера. Например в итеме галереи вставлять дата атрибут с массивом картинок для галереи затем его обходить и вставлять картинки, потом инициализировать галерею.

[Daniel_Defo]

Froggyweb, спасибо froggy, нашел решение в виде простенькой библиотеки без зависимостей, немного поправил под себя, туда и карусель и попап форма стала нормально.

[Daniel_Defo]

geekdeveloper.ru/projects/plaza-child если интересно)