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

MoRDamp5navy1 · 2013-11-18 16:51:49

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

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

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

irbees2008 · 2013-11-18 17:21:40

http://sitesource.ru/stati/skript-galerei-prettyphoto/ вот твой вариант

MoRDamp5navy1 · 2013-11-18 18:06:31

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

phoboss · 2015-04-09 21:37:17

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

{% 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)

irbees2008 · 2015-04-09 22:09:08

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

{% 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)

phoboss · 2015-04-09 22:24:20

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

NGCMS Runtime exception: Twig_Error_Syntax

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

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

{% 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)

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

Объявление

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

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

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

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

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

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

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

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

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

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

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

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

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