Thumbnail таки не решен

[kattiperk]

Здравствуйте.

 

Кто вчера видел тему, то вот она ещё раз - http://htmlforum.ru/index.php?showtopic=53859#entry360643

 

Думала, что bxslider все исправит, но нет.

Изначально использовала owlSlider, но там не было thumbs. Это дописалось неплохо таки, но с одним условием

http://joxi.ru/bmoO8NWcPjlWmy- вот что имеем.

но вызвав дебагер все становится как надо

http://joxi.ru/krD95KOSb3dqmp

 

или в обратном порядке с изначально включенным дебагером http://joxi.ru/Y2LqRxXtj8vBA6

и убирая его http://joxi.ru/a2XeJ03SG7pNAg

 

Такая же проблема осталась с bxslider.

Кажется, проблема не в нём. Но на всякий случай указала

minSlides: 1...maxSlides: 1

Использую arcticmodal, приглянулся мне он. Может, кто с таким сталкивался или знает, что посоветовать, кроме новой модали

Не в модали thumb работает отлично, картинки изначально есть.

[Нарек]

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

[kattiperk]

Да, но я немного не понимаю

Нашла  вот что на Stackoverflow

По articmodal есть следующее

http://arcticlab.ru/arcticmodal/#examples

 

Ссылка на то, что не получилось http://kates.cc.ua/top-matras-new/index.html

[Нарек]

Ну во первых я впервые вижу $(document).load(function(). Может я ошибаюсь, но либо надо писать $(document).ready(function() либо $(window).load(function()

 

Во вторых в консоли видна ошибка, если его исправить, то код будет таким.

 $(window).load(function() {   $('#exampleModal').arcticmodal({      afterOpen: function(){           slider.reloadSlider('.bxslider-modal-thumbs');      }   });});

И в третьих, bxslider не подключен. Ссылка на них ведет к 404.

Edited August 30, 2015 by Нарек

[kattiperk]

Да, ошибка есть.

1 - согласна, $(document).ready(function() ,могла скопировать не то

3 - bxslider находится в plugins.js

[Николя223]

   Скобочку забыла

        

         $(window).load(function() {

               $('#exampleModal').arcticmodal({

                  afterOpen: function(){

                       slider.reloadSlider('.bxslider-modal-thumbs');

                  }

               });

            });

[Нарек]

Да, ошибка есть.

Ну вот. Исправь и все будет работать.

http://jsfiddle.net/8phtaowx/1/ 

[kattiperk]

Я подумаю

Но спасибо.

[hypnocolor]

Если что, Фоторама уже из коробки выглядит так, как вам нужно. Дико гибкая, использовал в куче различных случаев, никогда не подводила.

[kattiperk]

Гарна Футурама

[kattiperk]

hypnocolor, спасибо Саше за хороший плагин.

И за котика на аватарке