Перейти к публикации

сделать слайд шоу с помощью customs


Рекомендованные сообщения

Здравствуйте.

Пытаюсь сделать слайд шоу с помощью customs на сайте.

Выгледить это должно примерно 3ba56a38c609.jpg

Вот сам код:

			<div class="img-scroll over">

			<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">

				<li><img src="{THEME}/images/img02.jpg" alt="" /></li>

				<li><img src="{THEME}/images/img03.jpg" alt="" /></li>

				<li><img src="{THEME}/images/img04.jpg" alt="" /></li>

				<li><img src="{THEME}/images/img02.jpg" alt="" /></li>

				<li><img src="{THEME}/images/img03.jpg" alt="" /></li>

				<li><img src="{THEME}/images/img04.jpg" alt="" /></li>

				<li><img src="{THEME}/images/img02.jpg" alt="" /></li>

			</ul>

			</div>

все работает.

Мои действия:

1. Создаю категорию scroll (Картинки на главной id 11)

2. В main.tpl прописываю в {custom category="11" template="scroll" aviable="global" from="0" limit="10" cache="yes"}

3. Создаю файлик в шаблоне scroll.tpl в нем код <li>{full-story}</li>

4. Теперь добавляю новость (вставляю туда картинку т.к. кроме картинки там нечего ненужно) и выбираю ей категорию scroll

5. На главной выводится {full-story}

:( в чем может быть проблема?

Ссылка на сообщение
Поделиться на других сайтах

{full-story} - Выводит все новости сайта. Я так понимаю вам нужно сделать листалку картинок? Для этого нужно в пункте 3 заменить {full-story} на ява скрипт листалки. Таких в инете полно.

Или, как вариант, вставить скрипт листалки в мейн шаблона.

Ссылка на сообщение
Поделиться на других сайтах

Nektov вот смотрите код листалки:

                        <div class="img-scroll over">

                        <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">

                                <li><img src="{THEME}/images/img02.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img03.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img04.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img02.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img03.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img04.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img02.jpg" alt="" /></li>

                        </ul>

                        </div>
Стили небуду указывать, там все нормально.. теперь что мне нужно что бы каждая новость попадавшая в категорию scroll выводилась в списках пока пример на коде:
                        <div class="img-scroll over">

                        <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">

{custom category="11" template="scroll" aviable="global" from="0" limit="10" cache="yes"}

                        </ul>

                        </div>
создав scroll.tpl внутренности:
<li>{full-story}</li>

у меня сейчас выводится "{full-story}" а нужно что бы картинка была. которую я в новость добавил для этой категории.

Ссылка на сообщение
Поделиться на других сайтах

Я ж писал. Как вариант. Можно сделать просто листалку картинок без создание категорий и использования тега custom.

Для этого достаточно в главном шаблоне вписать код листалки картинок на javascript.

Поскольку вариантов много, предлагать ничего не буду, поищите свой вариант в Гугле по запросу "javascript листалка картинок"

Ссылка на сообщение
Поделиться на других сайтах
  • 4 месяца спустя...

Nektov вот смотрите код листалки:

                        <div class="img-scroll over">

                        <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">

                                <li><img src="{THEME}/images/img02.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img03.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img04.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img02.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img03.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img04.jpg" alt="" /></li>

                                <li><img src="{THEME}/images/img02.jpg" alt="" /></li>

                        </ul>

                        </div>
Стили небуду указывать, там все нормально.. теперь что мне нужно что бы каждая новость попадавшая в категорию scroll выводилась в списках пока пример на коде:
                        <div class="img-scroll over">

                        <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">

{custom category="11" template="scroll" aviable="global" from="0" limit="10" cache="yes"}

                        </ul>

                        </div>
создав scroll.tpl внутренности:
<li>{full-story}</li>

у меня сейчас выводится "{full-story}" а нужно что бы картинка была. которую я в новость добавил для этой категории.

попробуй вместо {full-story} прописать {short-story}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...