Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2013-11-18 16:51:49

MoRDamp5navy1
Участник
Зарегистрирован: 2013-10-23
Сообщений: 62
Рейтинг :   
Сайт

Превью фоток в новости

Хотел бы узнать как можно сделать превью фоток, как реализовано тут http://www.kibra.ru/post/bouncy_bill_mo … rettyPhoto


В новости к примеру у меня 10 фоток, при нажатии на одну из них, в сплывающем окне появиться фото и переходом в перед или назад..


Похожее что то есть вот тут ещё http://templates.ngcms.ru/kino/0035-sha … enist.html

Не в сети

#2 2013-11-18 17:21:40

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: Превью фоток в новости

Не в сети

#3 2013-11-18 18:06:31

MoRDamp5navy1
Участник
Зарегистрирован: 2013-10-23
Сообщений: 62
Рейтинг :   
Сайт

Re: Превью фоток в новости

ООО... точно нужно, пойду подключать ))))

Не в сети

#4 2015-04-09 21:37:17

phoboss
Участник
Зарегистрирован: 2011-06-01
Сообщений: 43
Рейтинг :   

Re: Превью фоток в новости

Также возник вопрос по превью. Строю такую конструкцию:

{% if (p.xfields.images.count > 0) %}
				<a href="{{ p.xfields.images.entries[0].url }}" class="iLoad" title="{{ news.title }}" onmouseover="$(this).find('.fentry_bg_screen1').stop().fadeIn(); $(this).find('.fentry_plus_screen1').stop().fadeIn();" onmouseout="$(this).find('.fentry_bg_screen1').fadeOut();$(this).find('.fentry_plus_screen1').fadeOut();">
						<img src="{{ p.xfields.images.entries[0].purl }}" border="0" alt="{{ news.title }}" /></a>
                                {% else %}
				
                                {% if (p.xfields.images.count < 1) %}
				<a href="{{ p.xfields.storyimages.entries[0].url }}" class="iLoad" title="{{ news.title }}" onmouseover="$(this).find('.fentry_bg_screen1').stop().fadeIn(); $(this).find('.fentry_plus_screen1').stop().fadeIn();" onmouseout="$(this).find('.fentry_bg_screen1').fadeOut();$(this).find('.fentry_plus_screen1').fadeOut();">
						<img src="{{ p.xfields.storyimages.entries[0].purl }}" border="0" alt="{{ news.title }}" /></a>
                                {% else %}
					
                                {% if (p.xfields.storyimages.count < 1) and (p.xfields.images.count < 1)%}
						<img src="{{ tpl_url }}/img/img-none.jpg" border="0" alt="{{ news.title }}"> />
                                {% else %}
								
			        {% endif %}		
                               			
			        {% endif %}		
                               
			{% endif %}

Все работает, только не выводит превью (img-none.jpg). Что я сделал не так?

Задумано так:
1. Если есть превью(xfields.images) - вывести его;
2. Если нет превью - вывести картинку новости (xfields.storyimages);
3. Если нет превью и картинки новости - вывести заглушку (img-none.jpg).
Последний пункт не работает.

Изменено phoboss (2015-04-09 21:45:27)

Не в сети

#5 2015-04-09 22:09:08

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: Превью фоток в новости

зачем так сложно?

{% if (p.xfields.images.count < 1) %}
<img src="{{ tpl_url }}/img/img-none.jpg" />
{% else %}
 <a href="{{ p.xfields.images.entries[0].url }}" class="iLoad" title="{{ news.title }}" onmouseover="$(this).find('.fentry_bg_screen1').stop().fadeIn(); $(this).find('.fentry_plus_screen1').stop().fadeIn();" onmouseout="$(this).find('.fentry_bg_screen1').fadeOut();$(this).find('.fentry_plus_screen1').fadeOut();">
<img src="{{ p.xfields.images.entries[0].purl  }}" /></a>
{% else %}
<a href="{{ p.xfields.images.entries[1].url }}" class="iLoad" title="{{ news.title }}" onmouseover="$(this).find('.fentry_bg_screen1').stop().fadeIn(); $(this).find('.fentry_plus_screen1').stop().fadeIn();" onmouseout="$(this).find('.fentry_bg_screen1').fadeOut();$(this).find('.fentry_plus_screen1').fadeOut();">
<img src="{{ p.xfields.images.entries[1].purl  }}" /></a>
{% endif %}

путь до картинки проверь в папке твой шаблон/img/img-none.jpg

Изменено irbees2008 (2015-04-09 22:21:03)

Не в сети

#6 2015-04-09 22:24:20

phoboss
Участник
Зарегистрирован: 2011-06-01
Сообщений: 43
Рейтинг :   

Re: Превью фоток в новости

Возникает такая беда smile

NGCMS Runtime exception: Twig_Error_Syntax

Unexpected tag name "else" (expecting closing tag for the "if" tag defined near line 12)

Вопрос снят. Переделал в таком виде. Все работает. Теперь заморочусь выводом превью видео ютуба big_smile

{% if (p.xfields.images.count > 0) %}
				<a href="{{ p.xfields.images.entries[0].url }}" class="iLoad" title="{{ news.title }}" onmouseover="$(this).find('.fentry_bg_screen1').stop().fadeIn(); $(this).find('.fentry_plus_screen1').stop().fadeIn();" onmouseout="$(this).find('.fentry_bg_screen1').fadeOut();$(this).find('.fentry_plus_screen1').fadeOut();">
						<img src="{{ p.xfields.images.entries[0].purl }}" border="0" alt="{{ news.title }}" /></a>
                                {% else %}
                                 {% if (p.xfields.storyimages.count < 1) and (p.xfields.images.count < 1)%}
						<img src="{{ tpl_url }}/img/img-none.jpg" border="0" alt="{{ news.title }}">
                                {% else %}
                               {% if (p.xfields.images.count < 1) %}
				<a href="{{ p.xfields.storyimages.entries[0].url }}" class="iLoad" title="{{ news.title }}" onmouseover="$(this).find('.fentry_bg_screen1').stop().fadeIn(); $(this).find('.fentry_plus_screen1').stop().fadeIn();" onmouseout="$(this).find('.fentry_bg_screen1').fadeOut();$(this).find('.fentry_plus_screen1').fadeOut();">
						<img src="{{ p.xfields.storyimages.entries[0].purl }}" border="0" alt="{{ news.title }}" /></a>
                                {% else %}				
			        {% endif %}					
			        {% endif %}		
			{% endif %}

Изменено phoboss (2015-04-10 11:33:41)

Не в сети

Подвал раздела

Работает на FluxBB