Нужен слайдер из доп. картинок на fancyBox.
 

Имеем просмотр галереи на fancyBox из фото1a, фото2a, фото3a, ...
Нужно под фото сделать слайдер из одной основной и двух дополнительных картинок.
Для фото1a: (фото1a, фото1b и фото1c),
для фото2a: (фото2a, фото2b и фото2c),
для фото3a: (фото3a, фото3b и фото3c),
...

рони - выручай!

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

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

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

А что тут проще - шут его знает, пока не начнешь пробовать.
Для меня пока что всё сложно.

можно и так, если добавить атрибут data-src="[фото1a, фото1b ,фото1c]" , то совсем просто будет.

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

kuzyaka,
про атрибут были мыслии вслух , в ссылку добавить

<a class="modal" rel="1111" title="forum" data-id="0" href="http://fancyapps.com/fancybox/demo/1_b.jpg" data-src="['фото1a', 'фото1b' ,'фото1c']" ><img src="http://fancyapps.com/fancybox/demo/1_s.jpg"></a>

если кнопку заказать знаешь как добавить, то и циклом по массиву, кнопки сделаешь.

рони,
Передал я в форму fancyBox через data-src ссылки на превью и создал там три кнопки с превью.
Только непонятно как мне теперь менять основное изображение при нажатии на превью-кнопки?

kuzyaka,
$(".fancybox-image").attr("src", arr[0]) как-то так :)

kuzyaka,
очередная картинка, вдруг заинтересует :)

рони, меня именно это и интересует, как по функционалу, так и по оформлению, со всеми выравниваниями, затенениями и выделениями.
Только что толку смотреть кино, мне бы код этого кино посмотреть, а то у меня с намеками типа "как-то так" пока не получается.:cray:

kuzyaka,
намёк простой картинка продаётся :) но можно помучаться и сделать самому, все подсказки вам даны.

рони,
так вы оказывается не Волшебник, а обыкновенный коммерсант.
И почем нынче такое "волшебство"?

kuzyaka,
думаю вы сами справитесь.

рони, спасибо за поддержку - действительно справился сам.
:)
Во всяком случае первое кино уже работает и у меня.
Надеюсь теперь и второе кино удастся осилить.

рони, второе твое кино мне тоже удалось нарисовать, помогли твои подсказки.

Правда теперь возникла проблема перехода на другую страницу при достижении последнего элемента с перезагрузкой данных с новой страницы и установлении там fancyBox на первый элемент со всеми превью из data-src.
Причем нужно не добавить новые элементы, а заменить старые на новые.
Как перейти на новую страницу думаю справлюсь, а вот как со всем остальным быть?

kuzyaka,
не понимаю

Ладно, проехали, я уже вроде как и сам справился, поделюсь решением позже.
А сейчас такой вопрос: что нужно сделать, чтобы встроенные элементы в окне fancyBox масштабировались вместе с основной картинкой?
Имеется в виду, когда например уменьшается поле вывода при вызове инструмента разработки, а вместе с ним уменьшается и картинка фэнсибука, кроме встроенных элементов.
Картинки прилагаю.

kuzyaka,
картинка не помогла, снова не понимаю о чём вы спросили.

рони,Загрузил вторую картинку для наглядности.
Вторая картинка отличается от первой тем, что под второй находится поле инструментов разработки, из-за этого все и съехало.
На первой все нормально, а на второй основное изображение уменьшилось, а встроенные не изменились.
Как сделать, чтобы они тоже масштабировались вместе с основной?

kuzyaka,
я делал фиксированный отступ padding: [10, 10, 90, 10], строка 36 по ссылке ниже.
и размер width: 50px;
height: 50px;

без масштабирования
http://javascript.ru/forum/jquery/67...tml#post445744

рони,
Так из-за этого и проблема при масштабировании.
А как сделать, чтобы этот отступ при масштабировании тоже менялся?
В % что ли указать? Тока как?

kuzyaka,
не знаю, нужен специалист по css.

А в какой ветке они тут живут?

kuzyaka,
картинка для примера

во всех, но скрываются :)

kuzyaka,
установка padding в процентах, похоже не предусмотрена

Ну вот, а говорил, что не знаешь. Это то, что нужно.
А это опять только на продажу? Даже без подсказок?

PS
У меня получилось, только наоборот, не с уменьшением, а с фиксацией размера с помощью опции fitToView:false.

:-?

рони, спасибо, но вариант с fitToView:false оказался более предпочтительным.

рони, а можно как-то узнать какая кнопка перехода (следующий или предыдущий) была нажата В ТЕКУЩЕМ элементе fancyBox, т.е. ДО перехода на следующий или предыдущий элемент?

kuzyaka,
можно на сами кнопки обработчик поставить или смотреть beforeMove или beforeLoad на предмет наличия какого - то event.target

или тригерить событие next и previous -- наверняка есть
какое нибудь $(document).on('onNext.fb', написано наугад