Category: it

Category was added automatically. Read all entries about "it".

Галстук веб-разработчика

Захотелось мне как-то заняться росписью по ткани. Контуры есть, краска для батика тоже. Случайно наткнулась на расписные галстуки, поэтому захотелось мне сделать один необычный.
Взяты куски с реального сайта на Битриксе, по диагонали написаны строки php в смеси с html. Вот что из этого добра получилось, я называю его галстуком веб-разработчика:

IMG_7623

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

Mobirise - создаём мобильные сайты в 10 раз быстрее!

Наверное, не должна я об этом говорить, но давно в Сети есть конструктор сайтов на фреймворке бутстрап.
Зовётся этот конструктор Mobirise и скачивается на комп в виде бесплатного приложения.
Есть группа ВКонтакте, есть ресурс на русском и на аглицком. Берите, что по душе.
Это приложение по нескольким заранее заготовленным образцам из своей коллекции позволит вам быстро создать, минут за 10,
собственный простенький шаблон на Bootstrap. Иногда больше времени уходит на поиск и скачивание.

Но не так всё ажурно, как кажется - любой сайт вы на нём не сделаете. А только те блоки, какие предусмотрены в его "шаблонизаторе".
Разумеется, сделать скелет можно в нём, а дальше, при нехитром знании фреймворка за минимально короткое время добавите нужные строки, колонки и прочее.

На мой взгляд, софтина полезная, генерирует html на выходе. А дальше, если у вас "движок" - переносите, верстайте, документация вам в помощь.
Сначала я образовалась, что ага щаз любой сайт за час сбацаю. Минимум позволяет, прописали ,настроили, выложили на сервер без скриптов и интерактива - суть сайт готов.
Но если любите полный контроль над проектом - пишите на бутстрапе сами )))
Пользуйтесь!

О текстовых редакторах для верстальщика и веб-разработчика (Win и Linux)

Верстальщики и веб-прорабы веб-разрабы - люди своеобразные и многочисленные, как и изобилие софта, каким предпочитают пользоваться.
Так сложилось, что моя "карьера" из хобби выросла, мне не лениво было вручную писать код, а когда-то очень давно у меня в распоряжении был только стандартный notepad из приложений Windows. Чуть позже, когда кода становилось ох**тельно много, неохота было ломать глаза, перешла я редакторы с подсветкой синтаксиса, коими любимыми остаются и по сей день Notepad++ (бесплатен) и Codelobster (бесплатен, если зарегистрируешься - персональная пожизненная лицензия на твою ФИО), картинки из инета:




Увы, они только под Win. Разумеется, в Linux можно запусктаь через PlayOnLinux или Wine, но это совсем не кошерно.



В поисках универсального средства нашла я Geany - отличный жёлтый чайник для обеих систем, винда и линукс (картинки из инета):



Писала я в предыдущей записи про Eclipse, но на самом деле писать код - достаточно и текстового редактора, более легковесного, чем целая среда разработки. Могу её сравнить только с PhpStorm, который не менее "громоздкий" и прожорливый, однако же по идее использовать нужно именно его, он сам ищет зависимости в php, подгружает нужные файлы и следит за ошибками. Сравнивать их нет смысла.
OR          


Когда-то очень давно в универе практиковали всё сайты на .ASP, любили FrontPage, который затем перерос в SharePoinDesigner. Мне довелось пользоваться шарепоинтом, но если честно, прелесть только в том случае, если надо было верстать многострочную таблицу. Так как я очень люблю "чистый код", то вычищать потом всё равно приходилось ненужный хлам в текстовых редакторах.
     OR
ФронтПейдж - артефакт 2003 года, ШареПоинт - 2007. Оба приложения, ИМХО, считаю похороненными и не очень нужными, но у обоих есть лишь одно преимущество - при создании карты изображений очень помогали, в бесплатных аналогах типа NVu и Amaya мне подобного функционала найти не удалось. Сами NVu и Amaya бесплатны, просты, есть под Вин и Линукс, помогали при ручной вёрстке многострочных таблиц, а более подробно не могу ничего сказать - в полную силу не использовала, зато рекомендовала студентам в качестве бесплатных редакторов в тот момент, когда политика "покупай лицензионное" в образовательных учреждениях плешь проела. Считаю эти два редактора "хоум"-вариантами, ИМХО.
OR
NVu больше всего похож на фронтПейдж.
Амайю делает W3C-консорциум, типа крута тем, что выделается отличной поддержкой стандартов этого же консорциума.


И последнее, о чём хотелось ещё упомянуть - о голубой рыбке, он же редактор BlueFish Editor. Кто-то в Сети его обозвал "голубым тунцом", но эта рыбёшка под линуксом отлично со своими задачами справлялась. Версия под Вин, если честно, слабенькая какая-то, как, впрочем, и всё то, что шло под линукс, но потом писАлось под вин. Картинка из инета:



Вот с таким разнообразием мне довелось работать за последние 8 лет. Предстоит ещё немало интересного, следите за обновлениями!

О системах контроля версий и репозиториях гитхаба (GitHub)

О системах контроля версий, пожалуй, уже не писал только ленивый. И в работе каждому разработчику по душе разные продукты - кто в текстовом редакторе пишет, кто в целых средах разработки.
Поделюсь немного знанием о том, что есть такой продукт Eclipse - целая среда для разработки (преимущественно на Яве, С/С++ и PHP) с неплохим редактором внутри, но у этого редактора есть одна фишка, значительно выделяющая его среди множества подобных редакторов - у него есть возможность интеграции с системами контроля версий.

Мне довелось пользоваться ещё более старой версией, а современная ещё запуском установщика предлагает выбрать, в чём будешь "кодить" (скриншоты из Windows, для Linux это приложение тоже есть):

Я буду рассматривать вариант "IDE for PHP Developers". После установки и запуска приложения, ищем в нём: Help -> Software Updates -> Find and Install и выбираем "Search for new features for install". Далее жмём на "New Remote Site" и в поле "Name" вводим subeclipse, а в поле "URL" вводим subclipse: Subclipse Update Site. В итоге получится что-то типа такого (Supclipse Plugin, который и позволяет нам работать с системами контроля версий):


Ставим его:


Нужное само с инета скачается:

Чтобы настроить новый или подключиться к уже существующему, всегда идём по пути: Window -> Show View -> Other...

В группе "Git" выбираем "Git Repositories":

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

Указываем, какую папку надо сделать репозиторием:

И видим потом в дереве созданного нового репозитория, что создана скрытая папка .git (обязательно с точкой), она и будет нашей веткой:

В случае, если ваш надо подключиться к корпоративным репозиториям, то выбираете, группу как на рисунке, Mylyn:


И тут уже можно коннектиться к репозиториям на гитхабе, без предварительного создания локальной своей копии:

Всем удачи! ГитХаб - спаси и сохрани всех девелоперов от геморроя, бессонницы и головной боли!

Повышение квалификации - курс "Интернет-маркетинг, продвижение и поисковая оптимизация сайтов (SEO)"

Училась на курсах по СЕО в феврале в режиме вебинара (3 субботы), центр Специалист при МГТУ им. Баумана, выдали сертификат и вот такое Удостоверение о повышении квалификации (собственно, ради этого удостоверения и затевался весь сыр-бор). Я надеялась, что получу что-то новое дополнительно, а по факту оказалось, что даже ведя 1 сайт универа в СЕО на протяжении 3 лет,  у меня уже отличный опыт, подтверждением которому и послужит "бумажка". Не скрою, "шипели" от зависти некоторые сокамерники, мол-де, а что тебе эта бумажка, с тебя знания будут требовать... С меня, мил человек, ныне уже хрен чего потребуешь, я слишком ответственна перед своей совестью (а уж потом перед начальниками и работодателями), а знаний и без бумажки уже предостаточно, в отличие от некоторых.
Себя хвалить у кого-то не принято, а я похвалю. То, что было некогда инициативой, для личного опыта и как подруга вчера классно заметила - "моральной ответственности" - сейчас является огромным багажом знаний, который уже хочется оставить и заниматься чем-то новым. И я очень рада, что мне эту учёбу оплатил универ, потому как за свои учиться и не получить ничего нового было бы обидно. Центр, конечно, меня разочаровал немного, ибо летом я за свои туда ездила учиться на курс по скетчингу - сидят после работы вечерами дядьки и тётьки, в кучке гуашью рисуют... И тот курс не дал мне ничего. Наверное, слишком умная или не там ищу.

Поделюсь полезной ссылкой - как для начинающих, так и для продвинутых - есть на форуме онлайн-учебник, пишется акулами СЕО, следите за веткой форума, обновляют книги часто, так сказать из первых рук всё получить и быстро, без всяких курсов: учебник по поисковой оптимизации, бесплатен.

Установка Kolor Panotour 2.3 на Linux Ubuntu (v.14)

Я как-то уже писала про инструменты создания виртуальных туров, и о том, что наконец-то спустя почти полгода пришёл ко мне софт лицензионный. Это всё хорошо, но то, что мной делалось ранее, да и сам тур выел весь мозг съедал всю память у компьютера. Изначально мне говорили, что-де памяти хватает, дело в железяках, советовали драйвера обновить и не запускать много программ (даже антивирус Касперского)... Но что-то мне подсказывало, что я права. И нужны были железобетонные аргументы, чтобы доказать свою правоту, что программа Panotour хавает ресурсы памяти и работать в ней на 4 гигах оперативки у меня не получится.
Итак, слайды.
Сначала видим, что установлено 4 гига оперативки и 2.92 доступно:

После запуска Panotour я через диспетчер задач слежу за памятью - показатель скакал между 2.1 и 2.31 Гб. То есть получается, что памяти немного ещё есть, но программа вылетает в "недопустимую ошибку" (белый экран и завершение работы программы). Не спасало указывать на другом логическом диске временную папку, пофигу было и на файл подкачки - оперативка забилась, всё, ошибка, без сохранения. В туре было использовано 5 панорам по 3-5 Мб каждая в среднем. Оставалось только указать объекты, на которые можно поклацать для просмотра.
Мне посоветовали обновить драйвера на всё (чипсет, видео в особенности), что я и сделала. Результат - тот же самый, память тоже забивается, по диспетчеру - память вроде есть, но памяти и нет. Вспоминаю про волшебную кнопку "Монитор ресурсов":

Клацаю и вижу, как программулина отнимает всю свободную память, уже после того, как вывалилась в ошибку (К слову, на скриншоте изображен процесс бесплатного просмотрщика PanotourViewer, он хоть и много памяти ест, но открывает любой тур, просматривать можно, ошибку не выбрасывает и память до 0 не отнимает, но о нём я расскажу дальше в этой же записи):

Теперь ясная картина, что память съедается и... и чо? И ничо - не хотят мне давать ни другой комп, ни делать мне временный сервер (не хотят заморачиваться), а у меня личный мой срок - до конца месяца собрать тур, опубликовать и забыть. До следующего. И много работы уже выполнено на демках, поэтому но вообще не хочется заново ничего начинать.
На свой страх и риск устанавливаю Ubuntu - на сайте программы сказано, что есть линуксовая версия, для убунты не ниже 12-й версии. Скачиваю Panotour с сайта, для линукса есть только 64-разрядная версия. А это значит, что мне нужна соответствующая 64-разрядная Убунту.

Судорожно пытаюсь освободить логический диск побольше, ставлю систему без свопа (решила вернуться к этому вопросу позднее), но загрузчик не обновился - грузится Windows7.
И пока я загрузилась в винде, ставлю драйвер, чтобы видел журналируемую файловую линуксовую систему ext4 (он видит ext2, ext3 и ext4, скачать драйвер и прочитать статью можно на сайте Убунтовод) - видит всё и работает (обратите внимание, что кодировка utf8 - об этом мы ещё поговорим):

Дальше мне надо сделать выбор операционки. В ранних версиях (вин2000, винХР) это делалось добавлением строчки в файл boot.ini, но в Вин7 этого файла нет. Его заменили файлом данных конфигурации загрузки (BCD), который можно отредактировать командной строкой через команду bcdedit:

Я уже напряглась... Ладно, список параметров получили, пытаюсь въехать:

И тут понимаю, что пора психануть :-) и использовать старый проверенный линуксовый загрузчик GRUB. Во всяком случае у меня тут хотя бы есть загрузочный диск, убить загрузчик линукса совсем не страшно, потому что его легко восстановить. Если у вас похожая задача - рекомендую воспользоваться справкой русскоязычной документации Убунту про "Восстановление GRUB".
Перезагружаюсь, вижу загрузчик, всё определяется и грузится. Ура. Смотрю, сколько моей памяти ест чистая Убунта и поражаюсь: 200 мегабайт!!! и доступно 3.8Гб для работы!!! Ставлю линуксовый пакет Panotour, делаю файл swap (читать подробнее о файле swap в русской документации убунту) - при памяти в 4 гига для свопа не пожалею и 6 гигов (общий объём диска с установленным линуксом 107Гб). Не помню, как выяснилось, но понадобилось мне сейчас, на убунте, открыть какой-то текстовый файл, созданный в Вин7. И омайгад, кракозябры! Надо научить текстовый редактор линукса понимать русскую кодировку win-1251. Снова лезем в терминал... (пожалуй, только за это можно обычным пользователям и не любить линуксы) и учим понимать русскую кодировку (читаем статью "Проблема с кодировкой GEdit") это к слову - помните, я писала про кодировку utf8, когда устанавливала драйвер чтения журналируемой файловой системы? Всё, что вы создадите в Виндовсе, будет в кодировке 1251 и линуксом не прочитается.
Ладно, откладываем в сторону бубен, ползём проверять мои проекты на установленном ПаноТуре и радуемся выгрызенному гигабайту памяти. В настройках Панотура обязательно пропишите себе врЕменную папку, но в моём случае меня полностью устаивает "умолчальный" путь.
Открываю свои туры, редактирую - вуаля, работает и ни разу не закрылась! Вывод: на 4 гигах мне работать можно, но только на линуксе. Для меня не особо важно, на чём работать - дело привычки. С линуксами мне довелось поработать давно, зато приобретённых знаний по сей день хватает.

Единственное. что быстро пришлось поправить внатуре в ПаноТуре - отсутствовали некоторые иконки для PointSpotStyle (инфа осталась):

Памяти хватает, итоговый тур можно скомпилировать как во flash для отображения на ПК, так и в html5 и реально работает на мобильных телефонах (правда, тыкнуть не всегда получается - калибровка хромала на моём тестовом планшете), и даже в виде отдельного *.PTV-файла, который потом открывается просмотрщиком (для Windows, под линукс нет) - всё проверила, всё работает, открывается, смотрится и всё супер. Пока есть тур по музею истории университета, но буквально за день до публикации и всех моих эпопей с установками сорока на хвсте принесла, что якобы в ближайшее время по приказу ректора музей то ли расформировывают, то ли совсем по-иному переделывают... Смеяться или плакать - не знаю, поэтому не буду делать ни то, ни другое. Свою задачу выполнила. Новых задач пока не поступало, а по плану туров надо сделать не менее 4 штук. Напомню, что пока я работала без панорамной головы (приехала панорамная головка NP Orbita вместе с софтом от kolor.com уже когда у меня было почти всё готово).

Инструменты для создания виртуального музея: часть первая, вступительная - панорамы и софт

В рамках серии записей из личного опыта и практики поделюсь с читателями историей моей работы над виртуальными панорамами и турами в Белгородском госуниверситете. Работаю я в одном из подразделений университета уже более 8 лет, а с августа 2015 года мною ведётся подготовка материалов для виртуального тура по музею истории - "щупанье" софта, ожидание оплаты счетов через всю неповоротливую махину гос.организаций, попытка в "фоновом режиме" подготовить хотя бы что-то, чтобы галопом по европам в авральном режиме не оправдываться, почему до сих пор у меня нет джинна в интернете нет тура по музею.
На дворе декабрь 2015, то есть с того момента, как я не знала о панорамах и турах ничего и что я уже знаю (и имею) на сегодняшний день - прошло 5 месяцев.
В качестве стартового ознакомительного поста мне пришла в голову идея поделиться записями вебинаров, выложенных в открытый доступ компанией ТемоЦентр: Курс повышения квалификации по программе «Инструменты для создания виртуального музея образовательной организации» для специалистов, отвечающих за создание и работу виртуального музея в образовательной организации - здесь мне очень понравился вебинар 5 о дополненной реальности. Остальные же вебинары особых новых знаний лично для меня не привнесли, потому что уже многое проштудировано и проделано.
Посмотреть записи вебинаров я рекомендую всем, кто хотя бы на секунду задумывался о представлении себя, своей компании, своей деятельности в интернете новым способом.

Свою историю вкратце расскажу так: всегда стараюсь сначала отталкиваться от того, что имеем и есть ли для этого бесплатный софт, скрипт или сервис. Так, начало работы над панорамами положено было на имеющийся фотоаппарат (тушка) Canon EOS 1100D + объектив Tamron 18-270 (модель Tamron 18-270mm F3.5-6.3 Di II VC PZD для Canon, байонет Canon EF-S) и подаренный подругой штатив Continent A2 с 2 пузырьковыми уровнями. Фотоаппарат мною собирался специально как тревелзум, свои задачи для фотографирования в поездках выполнял на 200%, но на практике фотографирования зала музеев проявил себя не ахти. Объектив не светосильный и границы "мылит", даже использование внешней вспышки Canon SpeedLite 430 EX сильно не спасало - чуть ли не каждую фотографию приходилось "вытягивать" в LightRoom. Ещё одно небольшое неудобство - вспышка без башмака, то есть её не поставишь не стол, а держать в руках (без использования на фотоаппарате) очень неудобно. Хорошим решением было бы или попросить башмак, или носить второй штатив. Но т.к. я не фотограф, занятие фотографией не мой узкопрофильный предмет, поэтому я не заморачивалась настолько. Тем более что, повторюсь, на мои личные нужды мой личный фотоаппарат полностью с задачами справлялся, а фотографировать панорамные фото в условиях плохого и неоднородного освещения в помещениях музея в мои планы не входило :) Могу только похвалить себя, что даже невзирая на то, что сама себе усложнила задачу, справилась с ней весьма хорошо. Тем более, что никто кроме меня, тур бы не сделал (не беру во внимание фирмы, предоставляющие такие услуги и зарабатывающие себе этим на хлеб, масло и икру).
Выход из положения был найден среди коллег - так же в моё распоряжение был предоставлен на пару дней личный фотоаппарат Sony Alpha NEX-5 с пейзажным объективом (в комплекте с фотоаппаратом идут 2 объектива - пейзажный и портретный). Это не зеркалка, настроек минимум, на авторежимах не шумит и не мылит, ИСО сам выставляет какое нужно. Единственная особенность - делает очень "тёплые" снимки, то есть "желтит" ещё сильнее Кенона (съемка в помещении, на разных режимах, в разное время, мной и владельцем). Сам аппарат мне очень понравился, сейчас если бы выбирала себе фотоаппарат - купила бы такой же.
Мне приходилось сознательно увеличить количество снимков, потому что фотографировала со штативом без панорамной головки. И получалось, что на съёмку одной точки осмотра в зале мне надо было сделать 170-176 снимков: перекрытие каждой фотографии оставляло 80% от предыдущей, угол поворота фотоаппарата составлял 12-15 градусов. На съёмку одной такой панорамы уходило от 40 до 60 минут, а то и больше. Больше, потому что это музей, это экскурсии, это студенты, это текущий ремонт, режим работы с перерывом на обед... Сдвинешься на пару сантиметров - всё, фокус нарушен, панорама не соберётся, получится ерунда. Однако, фотографировать можно и весьма успешно. Даже поделюсь советом: при фотографировании панорамы зала или комнаты без панорамной головки на один фотоаппарат и штатив выбирайте себе самую верхнюю точку (или самую нижнюю) и двигайтесь по спирали, меняя угол так, чтобы перекрытие фотографии составило максимум 80%. Да, это долго, да, это не очень удобно, да, это непрофессионально, но собирается такая панорама очень неплохо. Присутствует эффект параллакса - изменение положение объекта, а на собираемой панораме как следствие появляется искажение формы объекта - но чем больше у вас процент перекрытия предыдущей фотографии, тем меньше таких искажений. И, конечно же, качество итоговой собранной панорамы (как и скорость сборки её) зависит от программы, то есть редактора панорам. Их существует великое множество, о них написано немало легенд и баллад в интернете, а я остановлюсь на некоторых.
Напомню, что пишу сейчас о "стартовых", пробных работах. С них можно начать, чтобы понять, нужно ли вам что-то дополнительно приобретать и за какие деньги.

Итак, если у вас есть только фотоаппарат или мобильный телефон с неплохой камерой.
В одном из постов я уже писала, как фотографировала панораму в Германии (город Потсдам) "с рук" фотоаппаратом (фото кликабельно, ведёт на запись) и собирала кадры через Microsoft Image Composite Editor (ICE):

Программа проста до безобразия (к тому же и бесплатна!) - скормить ей "жипег", сама прожуёт и выплюнет - иногда очень неплохой результат, вышеуказанную панораму я обрезала автокропом:

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


Выложила панораму на сервис Dermandar. При склеивании панорамы по улице машины ездили, поэтому есть пара нестыковок - то машина без кабины, то плитка "поплыла":

Мне хотелось показать друзьям улочки города, поэтому вполне такой способ сгодится, на мега-профессионализм не претендуем. Подобных описаний в интернете тоже очень много, панорамы так делают, всё реально работает. Заснять двор, пустую лицу, помещение без людей, ангар - всё возможно, подобных "безголовых" призраков не будет, если не будет в кадре движения. При желании можно потрудиться, замазать в графическом редакторе нестыковки, качество будет ещё лучше. Вышеупомянутая панорама готова за 2-3 минуты, включая выгрузку на сервер.
Со второй панорамой получился косячок - гуляли туристы, я немного сбилась при фотографировании (ждала, пока люди уйдут из кадра). Здесь уже сбилось перекрытие кадров, ICE собрал плохо, цилиндрической замкнутой панорамы как в первом случае не получилось:




Пришлось немного повозиться с компоновкой фотографий (несколько раз подсовывала в ICE наборы фотографий, пока не получился относительно приемлемый результат). Остаётся довольствоваться растянутой большой фотографией с оптическими искажениями:

Первые свои "потуги" при фотографировании панорамы со штативом (140-170 фото) я пыталась так же скормить ICE, но собирались они плохо, были несостыковки. Поэтому нашла бесплатную программу для сборки панорам, именуемую Hugin. Далее речь пойдёт об этой программе, но сразу, забегая вперёд, скажу, что в ней мне не понравилось то, что контрольные точки надо задавать вручную. Для изобилия фотографий и с явным эффектом параллакса это негуманно, трудозатратно, геморрой не стоит свеч, мне явно не хватало автоматизации - выбрать область, а точки пусть бы сами расставились. Может быть я плохо искала, но так и не нашла, как в Hugin мне это сделать автоматически. А качество собираемых итоговых панорам с ошибками несостыковок меня не устраивало:

Далее под катом я опишу функционал бесплатной программы для сшивания панорам Hugin. Программа отлично подойдёт, если у вас в панораме не много кадров, а так же подойдёт терпеливым и усидчивым, у кого много свободного времени :-)

Программа на русском, имеет очень простой интерфейс:

Даже если не копаться в настройках (отметила цифрами), то выделите все снимки через Ctrl+A и нажмите кнопку "Создать контрольные точки":

Программа начнёт "прожёвывать" ваши фотки. Здесь будьте очень терпеливы и лишний раз не трогайте комп. Мой Core3 зависал, если от него мне приходилось требовать больше:

В случае успешного завершения увидите сообщение, что добавлено ХХХ контрольных точек. В моём случае, если я пыталась добавить сразу точки на все фото - ничего не добавлялось. Мне надо было выбирать диапазон фотографий (например, первый ряд), а затем для них ждать автоустановки контрольных точек. Если отснято 170 фотографий, то это 5 рядов по 34 фотографии:

Попробуйте без ручной коррекции контрольных точек сшить панораму - вкладка "Сшивка". Здесь указываются параметры итоговой панорамы и её проекция. Какая между всеми разница - почитайте внимательно в интернете, прежде, чем приступать к съёмке кадров вашей будущей панорамы. На этом этапе я подробно останавливаться не буду.
Итак, панорама сшита!
Её можно просмотреть в любом графическом редакторе, но все искажения не доставляют эстетического удовольствия, как если бы ты смотрел цилиндрическую панораму, развёрнутую в одну длинную "кишку". Софта бесплатного для просмотра панорам в интернете тоже множество, я использовала самую простую FSPViewer (есть версия 32-битная, есть 64):


И видим очень много нестыковок:

Как уже и писала выше - в моём случае слишком много фотографий, каждую точку выставлять вручную - муторно. Но возможно. Это делается на вкладке "Контрольные точки":

Кроме того, в настройках программы есть возможность корректировать ваши точки: Правка - Точно скорректировать контрольные точки.

Итоги: сама программа великолепна, бесплатна, требует усидчивости, для сборки панорам с небольшим числом кадров (около 40 штук) - замечательна.

Последним этапом была проверка платного софта - скачала триалку AutoPano Giga - жаль, что не позволяет она сохранить итоговый результат. Но качество и скорость собирания кадров панорамы, даже если снято со штатива без нодальной точки - отличное, под наши нужды подходит. И главное - есть автоматическая расстановка контрольных точек на выбранном участке. В общем, эпопея в неповоротливых разветвлённых гос.организациях длилась с сентября по декабрь, но теперь в моём распоряжении есть лицензионная Kolor Autopano Pro 4, речь о которой пойдёт ниже. К слову замечу - стоимость невелика, 7500 руских рублей. Организация для своих нужд может себе такое позволить. Забегая вперёд, поделюсь с читателями дальнейшими планами - помимо музея истории, в планах есть музей минералогии (поделюсь итогами работы вдальнейшем, возможно уже в 2016 году) и летом я планирую отснять кампус университета с привязкой к географическим координатам :-) Но об этом в последующих постах, работы полно на весь 2016 год (если не больше), впереди меня и вас ждёт много интересного! А пока под катом я опишу функционал программы Autopano Pro. Единственная особенность - из-за обилия фотографий при сшивке панорамы программа требовательна к ресурсам оперативки, приходилось немного "плясать с бубном" под капотом настроек, но обо всём попорядку. Приятного чтения!

Программа Autopano Pro является упрощённой по функционалу в сравнении с Autopano Giga, следовательно и стоит дешевле. Я решила, что сшивать снимки и автоматически добавлять контрольные точки по заданному участку мне более чем достаточно. Поэтому именно эту софтину я и заказала для покупки.

Фотографии для сборки в панораму можно мышью перетащить в левую область, тогда группа создастся автоматически. Но здесь предусмотрена возможность обрабатывать несколько групп/сборок по очереди:

Зелёным на рисунке показано, что у фотографий есть общая информация EXIF. Проверяйте, верно ли она автоматически определилась. Если нет - на этом же рисунке красным показано, что у меня для части фоток не найдена EXIF. Желательно её задать - нажмите на пиктограмму, выделенную голубым цветом:

Откроется окно свойств, где указана ваша камера и параметры, на каких снимали. При необходимости, скорректируйте. Если снимали кадры панорамы на одних настройках - выделите все фотки и примените общие настройки EXIF:

Дальше в области слева есть кнопка "Создать". Ею создаётся предпросмотр, как что собралось. Бывало так, что у меня при сборке кадров из одной серии съёмки отдельно могло собираться небо (напомню, что фотографировала я на штатив без панорамной головки, количество кадров варьировалось от 135 до 175). Жёлтой стрелкой показана кнопка предварительных настроек для сборки панорамы, а красной стрелкой - редактор контрольных точек. О них речь пойдёт чуть ниже:

Важное замечание: специально привожу скрин параметров своего служебного ПК, потому как "захлёбывается" он при обилии фотографий (если их указано более 130, а в некоторых случаях захлёбывается и отказывается собирать уже и при 70 шт.):

Самые классные сборки получаются с шаблоном смешивания "Анти-призрак", не требуется вмешательство для редактирования контрольных точек, качество приемлемо, сшивается панорама с допустимыми искажениями параллакса даже при съёмке без штатива. Но тут есть одно но - требовательна программа к оперативной памяти, отказывается собирать, какие бы процессы я не грохала, чтобы высвободить память - ничего не помогало:

Спасало только ковыряние в настройках, пользовательский шаблон смешивания и разрез ISO:

Разумеется, всё зависит от предъявляемых требований к качеству и размеру вашей панорамы. Мои же пробы со сменой шаблона смешивания дали только 2 результата хороших. Во всех остальных случаях то появлялись покадровые границы при сшивании, то серые или чёрные пятна, то сама итоговая панорама мутная.
Отмечу ещё, что программа позволит сохранить панораму в разных форматах, включая .PSD, но мне добиться сохранения в слоях так и не удалось - мало ресурсов у ПК. Но это мелочи, которые вовсе не помешали работе.

Собираете свою панораму, смотрите. И если не устраивает качество - вручную добавляете контрольные точки. Напомню, что Autopano позволяет выделить область, где нужны дополнительные контрольные точки, и всё нужное выставит сама автоматом. На рисунке ниже показан редактор контрольных точек (вызывается из окна предварительной сборки после выбора нами группы фотографий). Здесь обращайте внимание на показатель качества сборки - он сообщает,  насколько "хороши" ваши контрольные точки. Но опыт показывает, что отличные результаты сборки получаются даже при RMS в состоянии "плохой":

На рисунке показано надписями, где какой функционал в Редакторе контрольных точек - автоматическое добавление точек и вручную:

Дальше собираете свою панораму. В зависимости от числа фотографий и ожидаемого качества, сборка составит от 7 минут до 2 часов (на моём рабочем ПК core-i3 и 4 гига оперативки).

Три пути к шаблонам компонентов bitrix

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

Рассмотрим сначала шаблоны - это визуальная "красота" ваших сайтов, лежат по пути Настройки - Настройки продукта - Шаблоны сайтов - имя_шаблона_сайта:

В данном примере у меня 4 отдельных шаблона сайта, шаблоны с именами demo, desktop_app, ivc, learning.

Если открыть на редактирование один из шаблонов, увидим путь, где лежит:

По этому пути как по ссылке, можно перейти и увидеть все папки и файлы конкретного шаблона, в данном случае шаблона demo.

Второй способ, как попасть в папку шаблона сайта: Контент - Файлы и папки - bitrix - templates - имя_шаблона_сайта.
На картинке это представлено визуально красным цветом. Обратите внимание, что тут ещё выделено 2 папки голубым и фиолетовым овалами - о них будет сказано дальше:

Я специально выделила template, которая лежит рядом с templates. Разница в одной букве, но это важно. Потому что за все годы работы нам папка template не пригодилась ни разу. Все шаблоны сайта лежат в templates.
Теперь о странной папке .default, которую я тоже выделила (лежит по пути: /birtix/templates/.default/ ). Это тоже шаблон, в нашем случае это был шаблон, который поставлялся "из коробки", его не переименовали и не удалили. Рядом, из коробки, так же лежал шаблон demo, полупустой, а многие запчасти ссылались в шаблон .default из шаблона demo.
Да, уже голова пухнет... И это только шаблоны сайтов...

С шаблонами сайтов разобрались. Идём дальше.

О шаблонах компонентов bitrix
Если можно так выразиться, то шаблон компонента - это маленький "кусочек" визуальной разметки какого-то "участка" в вашем сайте.
Компонент один, а шаблонов у него может быть много.
Мы уже рассмотрели пути к шаблонам сайтов. Теперь рассмотрим, где лежат в шаблоне сайта компоненты.

Думаю, читатели уже знакомы с тем, как размещать компоненты на странице.
Например, задача: сделать список новостей (компонент) и применить к этой ленте оформление (шаблон компонента).
Создайте php-страницу любым удобным способом. Я создаю её и переключаюсь в визуальный редактор для размещения "кубика" компонента.
p.s.: на нашем сайте визуальный редактор очень глючный, поэтому мы им стараемся пользоваться в очень крайнем случае и предварительно делаем себе резервную копию редактируемой страницы в режиме правки php-кода. Иначе бывает труба, пропадают "птички" из настроек компонентов и прочие самописные штуки.
Напомню, что мы создаём список новостей (о компонентах и коды вызова читайте в справке битрикса или пройдите курс обучения):

В моём случае для компонента bitrix:news.list доступно в списке несколько шаблонов компонента:

Если посмотрите сохранённую страницу как php (её код), то увидите - красная стрелка на bitrix:news.list, а голубым цветом я выделила две кавычки "", и рядом ещё один пример, как в них иногда можно видеть название шаблона ".default". Оба варианта написания означают, что используется дефолтный шаблон компонента: История работы с Битрикс Компоненты битрикс Пути в битрикс Шаблоны битрикс

А теперь вся соль вопроса - какая разница между записями Встроенный шаблон, Общий шаблон и _версия для печати (в примере)?
Разница - в путях, где это хранится и в доступности шаблонов при многосайтовости.
Теперь постараюсь объяснить на пальцах.
Начнём с малого - с шаблона сайта. Допустим, вы заказываете эксклюзивный дизайн и в ТЗ прописываете, что вам для первого запуска сайта надо: новости, опросник, слайдер и календарь. Вам дизайнер или студия делает эксклюзивный дизайн вашего сайта, загоняет это в шаблон (шаблон ложит кладёт в /bitrix/templates/ваш_шаблон_сайта), а уже в этом ваш_шаблон_сайта размещает шаблоны компонентов новостей, опросника, слайдера и календаря. И эти 4 заказанные шаблоны компонентов лежат вот по таким путям:
/bitrix/templates/ваш_шаблон_сайта/components/bitrix/компонент_новостей/шаблон_компонента_новостей/template.php
Если новости выводятся компонентом news.list и специальный раскрашенный шаблон для них называется my_company_news, то тогда путь будет таким:
/bitrix/templates/ваш_шаблон_сайта/components/bitrix/news.list/my_company_news/template.php
Стало понятнее? Надеюсь да, поэтому движемся дальше.
Вспоминаем, что мы заказывали эксклюзивный дизайн сайта и 4 компонента. Но вот случилось так, что функционал сайта надо расширить, добавив, например, форум.
А отдельного дизайна мы не заказывали для форума. Не беда, потому что он и не нужен. Можно обойтись "стандартным" шаблоном компонента форум из "коробки" - главное, чтобы у вас был установлен сам модуль форума.
Вы разместили компонент форума bitrix:forum на странице.
Теперь в публичной части, т.е. при заходе посетителя на ваш сайт, битрикс ищет в вашем эксклюзивном дизайне шаблон компонента форума, не находит и... ищет теперь его "в коробке" - то, что у нас в списке именовалось "Встроенный шаблон". Путь тогда к шаблону компонента будет выглядеть:
/bitrix/components/bitrix/forum/templates/.default/template.php
иногда в папке /bitrix/components/bitrix/forum/templates/ лежат несколько шаблонов, но это крайне редко - в основном там только один, "умолчальный", .default

Аналогично и для новостей - помимо вашего уникального дизайнерского шаблона компонента в шаблоне сайта
/bitrix/templates/ваш_шаблон_сайта/components/bitrix/news.list/my_company_news/template.php
будет лежать и "умолчальный" шаблон компонента новостей:
/bitrix/components/bitrix/news.list/templates/.default/template.php
и при установке обновлений системы битрикс эти "умолчальные" шаблоны обычно перезаписываются. Поэтому крайне не рекомендуется в них что-то менять - перезатрётся при обновлении.

Почему так организовано всё - спросите у битрикса, а зачем - сейчас я объясню.
Удобство первого случая в том, что при создании эксклюзивного дизайна нужные компоненты раскрашиваются под ваш стиль и хранятся в вашем шаблоне сайта, т.е. при переносе этого шаблона он полностью "мобилен". Например, вы заказали для официального сайта дизайн, а потом хотите в таком же стиле на других внутренних серверах всё раскрасить. В этом случае скачиваете шаблон сайта (или переносите по ftp) - все раскрашенные 4 компонента на месте, никакие запчасти от них вы не потеряли. Аналогично и с покупкой дизайна - распаковали купленное и получили раскрашенные компоненты. Чем больше компонентов учтено в эксклюзивном дизайне, тем больше работы затрачено, а значит и тем дороже шаблон. Кажется так. Про css, наследование не буду тут холливары разводить - суть, думаю, понятна.

Однако, если вы захотите использовать другой шаблон сайта, то все раскрашенные ранее компоненты уже будут недоступны.
В начале статьи я приводила пример с моими шаблонами demo, desktop_app, ivc, learning.
Иногда на громадных сайтищах используются разные шаблоны на страницу или раздел, а отобразить контент надо "вот как там на той странице". И начинаешь таскать "кишки" одного шаблона в другой компонент, потом где-то интерфейс обновили, а в том другом шаблоне компонента забыли...
Был у меня такой СЮЖЕТ в проф.практике, когда понадобилось более полутора лет, чтобы вычистить все эти, пардон, тянущиеся кишки. И то, может, не везде и не всё дочистила.

По этой причине, рекомендую - если у вас на 1 движке битрикса построена многосайтовость, то в случае, если внешний вид надо повторить 2 и более раза - переносите смело шаблон в разряд "Встроенные" (там же, где лежат "умолчальные" .default):
/bitrix/components/bitrix/news.list/templates/имя_вашего_шаблона_компонента/template.php  :

папка с шаблонами компонента:

шаблонов у нас много, замазаны громкоговорящие названия; дефолтный тоже тут лежит:

При таком размещении шаблон компонента будет доступен из выпадающего списка под записью:   имя_вашего_шаблона_компонента (Встроенный шаблон).
Доступен будет при многосайтовости - с любого сайта, с любым шаблоном сайта.
Единственным незначительным неудобством при правках внутри шаблона будет то, что вам битрикс будет предварительно предлагать шаблон скопировать куда-то в другое место:

И теперь начал фигурировать неизвестный доселе .default (Общий шаблон)...
И здесь важно понять - это шаблон для САЙТА, который был упомянут в начале статьи. Он лежит рядом с шаблонами demo, desktop_app, ivc, learning (шаблоны сайта), а запчасти в него тянутся из demo и некоторых других. Дело в том, что битриксом пользуемся крайне давно (лет 10), устанавливалась (до моей работы здесь) на пробу демо-версия с 2 шаблонами, потом эти шаблоны плодились и размножались, дублировались и всячески лопатились, а наш отдел ещё понятия не имел ни о СЕО, ни о будущих косяках, с коими столкнёмся...
Поэтому если вдруг увидите окно как у меня выше, с предложением скопировать в Общий шаблон, или горе-коллега ваш уже туда чего-то накопировал... Ищите внутренности компонентов с их шаблонами по пути:
/bitrix/templates/.default
Это шаблон сайта, лежащий в одной иерархии по путям:
/bitrix/templates/demo/
/bitrix/templates/desktop_app/
/bitrix/templates/ivc/
/bitrix/templates/learning/ , где demo, desktop_app, ivc, learning - шаблоны сайта, упоминавшиеся в самом начале этой статьи.
Из собственного опыта скажу, что очень часто бывает, что шаблоны компонентов из Общего шаблона не всегда доступны при многосайтовости.
Считаю этот шаблон убогим, ненужным, нерентабельным. Возможно, это наша/моя кривизна рук, и я этот шаблон просто не умею готовить.

Был недавно в практике случай, когда перестал работать опрос из-за того, что в 2 местах лежал шаблон компонента с одинаковым названием.
Честно говоря, я сама пока ещё "плаваю" в иерархии исполнения шаблонов, поправьте меня, если не права, я заменю:
1 - сначала ищется в шаблоне сайта (/bitrix/templates/ваш_шаблон_сайта/)
2 - потом ищется в общем шаблоне (/bitrix/templates/.default/)
3 - потом ищется во встроенных (/bitrix/components/bitrix/имя_компонента/templates/имя_вашего_шаблона_компонента/template.php
4 - если не находится нигде, то выдаёт сообщение об ошибке, что не найден шаблон.

Настоятельно рекомендую давать понятные и говорящие имена шаблонам: mycompany-list-news, othercompany-list-news, mycompany-list-events, othercompany-list-documents и подобное, чтобы вы в обилии шаблонов не запутались сами, особенно если глобальным поиском по строке искать сотню template1, template2 от разных компонентов...
Делайте свои шаблоны уникальными и информативными не только в коде, но и в названии.

Кастомизированные компоненты или компоненты сторонних разработчиков
Я всю статью упоминала о компонентах bitrix, а именно что лежат они в одноимённом каталоге, и вызываются начальным словом перед двоеточием  bitrix:news.list, bitrix:forum...
Но иногда или ваш програмист может менять (кастомизировать) компонент, может написать свой, можете купить у стороннего разработчика или скачать бесплатный из Маркетплейс...
Тогда хранилище /bitrix/components/ пополнится и другими каталогами:

Показанные в примере папки - это компоненты сторонних разработчиков. Принципы и пути для них аналогичны, как, например, для bitrix:news.list (при условии, что разработчик вам написал именно новостной компонент) :
a1:news.list
ag:news.list
aprof:news.list
aqw:news.list
archive:news.list   и т.п.

Почему и на это важно обратить внимание?
Компоненты bitrix гарантированно обновляются. Техподдержка оказывает консультации в случае, если в компоненте косяк.

Сторонние же компоненты, особенно бесплатные или "самописные" не обновляются, глючат, перестают выполнять функции php - короче, поддерживаются иногда / плохо / никак.
Техподдержка битрикс не несёт ответственности и не оказывает консультации по компонентам сторонних разработчиков.
Частые глюки бывают после обновления ядра битрикс, после обновления версии php и... как сложатся звёзды. Учитывайте это в работе, будьте аккуратны, чтобы не нахватать дыр, реклам, левых урлов и загрузки/падения сервера.

Очень надеюсь, что эта статья поможет страждущим. Успехов в работе!

Карандашно-блокнотный шоппинг в Германии

Во время поездки в Германию когда видела магазин канцтоваров, не имеет значения - для художников это или для школьников - обязательно заходила. Блокнотная лихорадка меня одолела в берлинском IDEE:


Там я не успела спуститься по эскалатору, как уже лежали акционные товары: карандаши, блокноты для зарисовок и много всего вкусного. Попускав слюни минут десять, я зашла в магазин и не знаю, сколько часов в нём провела. Обидно было только дома, разбирая сувениры и покупки, не обнаружить фирменного карандаша из магазина. В том карандаше ничего необычного, наверняка HB типа офисного, но это был подарок подруге, было обидно его потерять. Особенно при цене в 3 евро... Подарок мог потеряться при гулянии по городу, проколов в пакете дырку.
Блокноты... Сначала глаза разбегаются, но потом повертишь один в руках, пощупаешь бумагу, сравнишь с другими... Много единиц товара выступало как скетч-буки, то есть толщиной бумаги не сильно отличались от моих самодельных. Заодно вспоминаешь, какие блокноты остались дома, их плотность, формат и для каких техник. В результате я нашла тот самый Daler, который так давно хотела:





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





Как ни странно, блокнотов привезла всего два. Потому как размеры и форматы разные, а тип бумаги и плотность одинаковая. Всякие были - на огромных, больших и маленьких пружинках, с удобным разворотом, с неудобным и неясным разворотом, прошитые, на заклёпках, на спиралях, на кольцах, на склейках, книжной ориентации, альбомной, квадратные, узкие... Кансонов было много, но все они выглядели, как наша туалетная газетная - тонкие, когда советская калька и та была плотнее...

Здесь же нашла и карандаши Daler, чернографитные. Не знаю почему, но я о них мечтала:





И в том же магазине IDEE не смогла пройти мимо и скетч-набора Daler-Rowney:



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

Ещё привлекла внимание коробка с карандашами PIATO:



Здесь поровну твёрдых и мягких карандашей собрано.


На этом покупки в Берлине закончились. А в Бремене я в обычном магазине для школьников купила поштучно Staedtler Mars Lumograph - я жадничала, ибо цена тогда  3 евро закарандаш, когда евро стоил 78р...


Вот такие пропокупки, пропокупки, пропокупочки.

Инструменты для создания виртуального музея: часть третья - фото в 3D

Помимо панорам и виртуальных туров, задалась я вопросом, можно ли нам как-то для музейного комплекса в университете найти решение и сделать самим представление крутящейся 3d-фотки при описании какого бы то ни было экспоната. Как делают это в интернет-магазинах - просмотр фото с возможностью вращения на 360 градусов.
Спасибо всем авторам, кто не боится приоткрывать завесу в свою мастерскую - очень интересно было узнать о синхронизации камер с поворотными столами и автоматической "заливкой" фоток не на карту памяти фотоаппарата, а в комп:



Съёмку можно вести на поворотных столах как с автовращением (настраивается и синхронизируется с камерой), так и на столике с вращением вручную по заданному промежутку (в градусах) - через каждые 10-15-30 и далее градусов. Великое множество поворотных столов на AddSpace.ru и недорогие - стоимостью 7500 рублей на конец декабря 2015 года. Если возникнет необходимость нам фотографировать такие вещи - купим обязательно. Кстати, на автоматическом поворотном столе можно снимать видео - это для особо ленивых, кто не хочет заморачиваться с фотографированием и описанием :-)


А далее речь пойдёт о самом интересном. Отснять нужное число кадров - половина дела. Надо ещё эти фотки как-то заставить крутиться. Для этого есть великое множество скриптов для 3d-вращения, замечательное описание которых и к которым я нашла на странице 360-pro.ru. Здесь перечислялись скрипты: SpriteSpin, reel, 360 javascript viewer, jQuery.Threesixty, Ajax-Zoom 360°/3D, Dopeless Rotate. Я остановлюсь на двух самых простых, которые мне понравились.


Ajax-Zoom 360°/3D 



Хотелось мне испытать работу этого скрипта в Битриксе, но... требуется ему ionCube Loader - шифровальщик php-файлов, полностью бесплатный (дополнительно про установку модуля можно прочитать на хабре):



Некоторые хостеры предоставляют уже установленный шифровальщик, как например www.hostland.ru - я на тестовом получила предустановленное решение:



Дальше загружаю на сервер папки со скриптами Ajax-Zoom'a (скачать можно с оф.сервера):


{C}



Примеры лежат в папке examples (предварительный просмотр доступен по ссылке с примерами):



Получаем полностью рабочее и бесплатное (для некоммерческих проектов) решение, которое "светит" своё сообщение в углу окна просмотра:



Решение полностью адаптивно, подгоняет размеры под ширину экрана на любом устройстве:




Вы заметили, что в двух последних скриншотах у меня светится ошибка - это из-за ограничений на размер фотографии - бесплатно можно загрузить фотку не более 3 Мегапикселей:



Лезу читать лицензию - найденная и используемая в данном примере лицензия Light - это 500 фотографий по 3.2Мп и со вставкой лого:



Однако, возник вопрос (а вместе с ним и надежда) - что, если 500 - это не число фотографий, а 500 объектов в 3D-модели? Бггг, наивная! Пишу в техническую поддержку, а вдруг повезёт. И ответ:



А это означает, что если на поворотом столике с фотографированием кадра через каждые 10 градусов мне понадобится 36 кадров.
500 : 36 = 13 объектов в 3D.
Было очень жаль. Но есть вариант - уменьшать угол поворота при фотографировании. Так, если при повороте на угол в 15 градусов мне надо будет сделать 24 кадра - получится 20 объектов в 3D, а при повороте на 20 градусов - уже 18 кадров, но с заметным "дёрганьем" объекта при повороте и 27 объектов в 3D... В общем, для представления запасов камней-экспонатов минералогического музея явно недостаточно мощностей данного ресурса для бесплатного использвоания :-) А сам скрипт великолепен и хорош. Взяла на заметку, а далее вопрос важности, необходимости и нужности будет решаться на уровне руководства - что и для каких нужд надо и в какие сроки.


360 javascript viewer


Это полностью бесплатный и не накладывающий ограничений ни на размер файлов, ни на количество штук кадров, ни на пиксели. Единственное условие - при вращении фотки появляется лого (фото каменного кеда взято с сайта про скрипт Jquery.Threesixty):



Конечно, за 19$ можно купить платную версию, а базовые бесплатные настройки доступны на сайте скрипта. Кроме того, много примеров с описанием (всё на аглицком). Главная строка в скрипте - total_frames -указывает ваше число промежуточных кадров для создания 3D-объекта. Можно размещать на странице несколько таких объектов, но для этого не забывайте менять айдишники у image_holder_x и product_image_x, прописывая последний в объявлении target_id:'image_holder_x'. Вот, собственно, и всё!



Да, почему именно о двух вот этих скриптах я написала? Потому что именно их проще всего внедрить в компоненты битрикс, это может сделать даже верстальщик, без участия мега-супер-программиста. ВременнЫе затраты составят максимум 1 рабочий день. Удачных работ, внедрений и съёмок!