Finar.ru
web.finar.ru
video.finar.ru
of-site.ru

Как интегрировать Fancybox в NetCat?

пошаговая инструкция, как всегда

Автор: Филипп Казаков, дата: 2011-01-24, просмотров 1248
Тэги

Версия NetCat: любая
Статус: стабильный
Стоимость внедрения 2500 руб.

Этот рецепт можно установить и на ваш сайт. Внедрение производится после 100% предоплаты. Указана стоимость без учета работ по дизайну, каких-либо индивидуальных доработок и при оплате электронными деньгами. Работоспособность гарантирована. Если по каким-либо причинам рецепт не удается установить на ваш сайт, мы возвращаем все деньги.

Быстрее всего заказать внедрение, отправив нам на web@finar.ru письмо с указанием данных произведенного по реквизитам платежа, адреса целевого сайта и доступов в админку и на FTP. Более медленные способы начинаются с письма в свободной форме или с телефонного звонка.

Welcome!

Источники: www.fancybox.net 
Внедрения: почти все сайты

Fancybox  - популярная online-смотрелка фотографий для сайта. В ряду других смотрелок, использующих библиотеку jQuery ее отличает особенная простота и аскетизм исполнения. Кроме фотографий, штука умеет показывать во всплывающих окнах любой html-код, флэш-анимацию и даже другие сайты через iframe. Полезная, в общем, штука, так как же ее интегрировать в NetCat? Краткий ответ: точно также, как и в любую другую CMS.

А вот более полный ответ.

Установка:

  1. Скачиваем релиз  с официального сайта;
  2. Директорию "fancybox" в архиве переименовываем в "phph-fancybox" и заливаем в /images нашего сайта;
  3. В заголовок макета дизайна вставляем примерно следующий код:
<!-- phph-fancybox -->
            <link rel='stylesheet' href='/images/phph-fancybox/jquery.fancybox-1.3.4.css' type='text/css' media='screen' />
            <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
            <script type='text/javascript' src='/images/phph-fancybox/jquery.fancybox-1.3.4.pack.js'></script>
            <script type=\"text/javascript\">
                $(document).ready(function() {

                /* описываем вызов fancybox из ссылок с заданными ID*/
                $(\"a#single_image\").fancybox();
                $(\"a#inline\").fancybox({
                    'titleShow'     :   false
                });

                /* Apply fancybox to multiple items */
                $(\"a.group\").fancybox({
                    'transitionIn'  :   'elastic',
                    'transitionOut' :   'elastic',
                    'speedIn'   :   600,
                    'speedOut'  :   200,
                    'overlayShow'   :   false,
                    'titleShow' :   false
                });

            });
            </script>
        <!-- /phph-fancybox -->

Теперь ссылка с id='single_image' будут открываться через Fancybox, красивенько. А ссылка с id='inline' тоже будет открываться через Fancybox не менее красивенько, но без заголовка.

Наконец, все ссылки с 'class='group' тоже будут открываться через Fancybox. Они могут быть объединены в группу (слайдшоу) со сквозной навигацией, настройки которой и описаны. Т.е. открываете одну картинку из списка и мотаете фотографии вперед-назад стрелочками. Очень удобно. Можно делать несколько "групп" фотографий на одной странице, например для нескольких фотогалерей. Для этого в ссылках необходимо генерировать rel='XYZ', где XYZ - это уникальной идентификатор галереи. В случае NetCat для создания rel можно воспользоваться разными переменными, например $f_RowNum или $f_RowID. Подробности в нашем решении Фотогалерея для NetCat с пакетной загрузкой файлов.




Евгений — 2012-05-08, 11:58

все ссылки с ИД???
РТФМ!!!

Спасибо за замечание, но... Вот почему бы найдя ошибку не описать ее словами, чтобы всем было понятно? Нет, надо бросить вопросительных и восклицательных знаков и сленговых словечек, из которых непосвященному непонятно ровным счетом ничего. Anyway, fixed.

Finar.

Евгений — 2012-05-12, 15:21

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

Тем самым вводя в заблуждение тех самых не посвященных пользователей.

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

Если вы проверите код, то убедитесь, что он рабочий. Так что ошибка как раз таки "теоретическая", никак в данном случае на функциональность не влияющая (в отличие от примера с паскалем). Не думаю, что имеет смысл рассказывать тут, откуда растут ее ноги, но "так уж получилось". Я вам благодарен за указание ошибки, но остаюсь при мнении, что конструктивнее помогать, чем свысока ругать.

Finar.

Оставить комментарий 


Ваше имя:
->