Поиск по этому блогу

среда, 15 декабря 2010 г.

Организация фотогалереи с помощию JCarousel - установка и настройка.

jCarousel это jQuery карусель, плагин для управления данными, отображаемых в виде горизонтального или вертикального списка. Данные могут быть представлены как обычный HTML контент или могут быть загружены с помощью AJAX. Списку можно задать прокрутку вперед или назад, с анимацией или без нее.
Установка:
-скачать архив с плагином и jquery с http://jquerylist.ru/navigation/jcarousel.html;
-подключить библиотеку jQuery, плагин и скин для него (css файл), для этого в раздел <head> индексной страницы галереи ввести следующее:
<script type="text/javascript" src="http://localhost/opencms/opencms/gallery/jquery-1.4.2.min.js"></script> <!-- библиотека jQuery -->
<script type="text/javascript" src="http://localhost/opencms/opencms/gallery/jquery.jcarousel.js"></script> <!-- плагин -->
<link rel="stylesheet" type="text/css" href="/gallery/skins/ie7/skin.css"/> <!-- здесь указываем один из двух предлагаемых скинов -->
-в разделе <body> организовать список из интересуемых элементов (в данном случае - картинок):
<ul id="mycarousel" class="jcarousel-skin-ie7">
    <li><a target="picture" href="/opencms/opencms/gallery/pic1.jpg"><img height="113" width="77" src="/opencms/opencms/gallery/pic1.jpg" alt="" /></a></li>
    <li><a target="picture" href="/opencms/opencms/gallery/pic5.jpg"><img height="113px" width="150px" src="/opencms/opencms/gallery/pic5.jpg" alt="" /></a></li>
    <li><a target="picture" href="/opencms/opencms/gallery/pic6.jpg"><img height="113px" width="150px" src="/opencms/opencms/gallery/pic6.jpg" alt="" /></a></li>
    <li><a target="picture" href="/opencms/opencms/gallery/pic4.jpg"><img height="113px" width="150px" src="/opencms/opencms/gallery/pic4.jpg" alt="" /></a></li>
</ul>
<p><iframe height="300" frameborder="0" width="500" name="picture"></iframe></p>
-провести инициализацию jQarousel, для этого в в раздел <head> индексной страницы галереи поместить следующий скрипт:
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({     
        buttonNextEvent: 'click',
        buttonPrevEvent: 'click'
    });
});
</script>
______________
Используемые ссылки:
http://jquerylist.ru/navigation/jcarousel.html
http://jquery.com/
Автор: на Комментариев нет:
Ярлыки: , ,

четверг, 9 декабря 2010 г.

OAMP Calendar Module - как заставить подружиться с нужными типами ^^

Well, поставив на OpenCMS7 OAMP Calendar Module я захотел подружить его с типами ttnews и ttevents, т.к. меня интересовало именно их отображение в архиве новостей. Ну, во-первых, я добавил в схему calendarviewresconf.xsd, расположенную в /system/modules/com.alkacon.opencms.calendar/schemas/ ,  интересующие меня типы:
<xsd:annotation>
        <xsd:appinfo>
            <layouts>
                <layout element="ResType" widget="SelectorWidget" configuration="alkacon-cal-entry:%(key.fileicon.alkacon-cal-entry)|alkacon-cal-serial:%(key.fileicon.alkacon-cal-serial)|ttnews|ttevent" />
            </layouts>
        </xsd:appinfo>
    </xsd:annotation>  
Потоммне надо было определить свой коллектор для новостей (в исходниках прописан по умолчанию -  getDefoultCollector), для этого оказалось достаточно залезть в calendar-side-month.jsp и указать
CmsDefaultResourceCollector collector = new CmsDefaultResourceCollector();

collector.setDefaultCollectorParam("today/news/|ttnews");
collector.setDefaultCollectorName("allInSubTree");

                                                                          
// initialize the calendar entries to show
calendarBean.initCalendarEntries(collector);
Далее я полез в исходники календаря и исправил в CmsCalendarMonthBean  следующее:  result.append(createLink(currDay, m_viewUri, true, getViewPeriod()));   *вместо getViewPeriod() было значение равное -1*
Откомпилил заново весь пакет, собрал новый jar и заменил его на старый. Ну вот так)
Автор: на Комментариев нет:
Подписаться на: Сообщения (Atom)