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

    Кому лень работать или руки не оттуда - пользуйтесь услугами специалистов
  2. Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.."

    Есть JED!!! Ищите там!!!

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

Тема в разделе "Joomla", создана пользователем aleksvander, 5 фев 2011.

Информация :
  • Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
  • Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.." Есть JED!!! Ищите там!!!
  • Аналоги ищите там же - на JED!!!
  • Новая версия? - У кого будет - тот выложит!
Статус темы:
Закрыта.
Модераторы: arman29, DMS, Genk0
  1. aleksvander

    aleksvander Создатель

    Регистр.:
    8 июл 2010
    Сообщения:
    49
    Симпатии:
    5
    Старый или новый плагин, но найти под joomla я ничего подобного не смог, может кто знает подобный компонент:
    http://www.ericryananderson.com/music.html
    http://www.robertdannphotography.co.uk/#2
    http://www.tomhoops.com/ginger.html

    или даже тот же самый phoca gallery куда ему прописать что бы он юзал ID (желательно td или div) для того что бы java прокрутку подключить.

    Мне нравится сама идея прокрутки по горизонтале с полноразмерными фото но к сожалению что находил подобное что можно было бы переделать оно либо платное либо не использует ID.

    К примеру этот модуль http://www.treidorinte.ro/gallery

    сама java для прокрутки подключенная к mootools имеется... остается подобрать компонент.
     
  2. aleksvander

    aleksvander Создатель

    Регистр.:
    8 июл 2010
    Сообщения:
    49
    Симпатии:
    5
    Сам же отвечаю на свой вопрос...
    Можно взять компонент http://www.ignitegallery.com он имеется на этом форуме занулевый.
    Настраиваем его следующим образом "примерно":
    Главное вырубаем ибо мешает...
    ignite главное.JPG
    В превью все примерно как на картинке за исключением Ширины контейнера для превью, выставляем 0 и уже в самой верстки джумлы ширину для всех изображении или конкретного числа...
    ignite превью.JPG
    Далее... В Joomla 1.5 встроен Mootool 1.2 и это +, юзаем его и подключаем следующий код (кто куда хочет, сам решает его подключать), код сооринтирован на компонент галереи что выбрал выше.

    Подключаем Java:
    HTML:
    <script type="text/javascript" src="bad.js" language="javascript"></script>
    Java:
    HTML:
    window.addEvent('domready',function() {
    	$$('#menu a').each(function(el) { 
    		if (!el.getParent().hasClass('current')) {
    			el.addEvent('mouseenter',function(){
    				myEffect = el.effect('margin-left', {duration: 200,transition: Fx.Transitions.linear, wait: true}).start('-120','0');
    			});
    			el.addEvent('mouseleave',function(){
    				myEffect = el.effect('margin-left', {duration: 500,transition: Fx.Transitions.Bounce.easeOut, wait: true}).start('0','-120');
    			})
    		}
    	});
    	var myTips = new Tips($$('.tomtips'), {
            maxTitleChars: 60   //I like my captions a little long
        });
        // gallery scrolling
        try {
    		if (cur && maxi) {
    			var scroll = new Fx.Scroll(window, {
    				wait: false,
    				duration: 500,
    				offset: {'x': -50, 'y': -300},
    				transition: Fx.Transitions.Quad.easeInOut
    			});
    			$('nav_lft').addEvent('click', function(event) {
    				event = new Event(event).stop();
    				if (cur > 1) {
    					$('main-1-'+cur).removeClass('hgh');
    					if (cur > 2) {
    						scroll.toElement('main-1-'+(--cur));
    					} else {
    						cur = 1;
    						scroll.toElement('nav');
    					}
    					$('main-1-'+cur).addClass('hgh');
    				}
    			});
    			$('nav_rgt').addEvent('click', function(event) {
    				event = new Event(event).stop();
    				if (cur < maxi) {
    					$('main-1-'+cur).removeClass('hgh');
    					scroll.toElement('main-1-'+(++cur));
    					$('main-1-'+cur).addClass('hgh');
    				}
    			});
    			$('nav_rst').addEvent('click', function(event) {
    				event = new Event(event).stop();
    				scroll.toElement('nav');
    				$('main-1-'+cur).removeClass('hgh');
    				cur=1;
    				$('main-1-'+cur).addClass('hgh');
    			});
    			$('main-1-'+cur).addClass('hgh');
    		}
    	} catch(e) {
    		// no gallery
    	}
    });
    Сами кнопки:
    HTML:
    <div id="pic_nav">
    	<a id="nav_rst" href="javascript:{}" title="Navigation::Scroll back to menu" class="picnav tomtips"><img src="b_back.png" /></a>
    	&nbsp;
    	<a id="nav_lft" href="javascript:{}" title="Navigation::Scroll to previous picture" class="picnav tomtips"><img src="b_left.png" /></a>
    	&nbsp;
    	<a id="nav_rgt" href="#" title="Navigation::Scroll to next picture" class="picnav tomtips"><img src="b_right.png" /></a>
    </div>
    Используем для rst (дабы возвращалась в начало), имя начального div`a либо nav либо его переименовываем в самой джаве.
    HTML:
    <div id="nav">
    </div>
    Программная начинка готова, теперь все так и двигается (дальше дело вашей верстки)..., проблема в браузере только в одному Opera он перестает после 11 клика java обрабатывать на mootool 1.1 на mootool 1.2 вроде таких косяков нету.
    Так же в этом java нету проверки... и он часто зависает если его перещелкаешь... пример main-1-1, main-1-2 ... main-1-10, main-1-11 а 11го так какого нету... и на этом он зависает. Кто знает как встроить проверку пишите буду рад ) т.к. сам пока не допер.
     
  3. E-Rix

    E-Rix Постоялец

    Регистр.:
    16 янв 2009
    Сообщения:
    78
    Симпатии:
    35
    движок wordpress.
    шаблон PhotoPurePress.
     
    aleksvander нравится это.
Статус темы:
Закрыта.