Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Вопрос про полную новость

Вопрос про полную новость


     14.04.2014    Шаблоны (TPL), Стили (CSS)    1589

вопрос
У меня есть полная новость в неё загружены много картинок(из полных новостей определённой категории делаю фотоальбом) мне надо что бы они выводились уменьшенными копиями по 6 в ряд, а дальше на сколько рядов хватит фото, надо сделать шаблон tpl для полной новости только вот как реализовывать не представляю даже, этот шаб я хочу прикрепить именно к данной категории.

Ответил: G-3p


Если я правильно понял, то все эти фото должны находится в одном контейнере и для них задать параметры. Например:
html
<div class="imgblock">
    <img src="{image-1}"/>
    <img src="{image-2}"/>
    <img src="{image-3}"/>
    <img src="{image-4}"/>
    <img src="{image-5}"/>
    .........
    <img src="{image-27}"/>
</div>


css
.imgblock {
    width: 900px;
    background: white;
    padding: 5px;
}

.imgblock img {
    max-width: 150px;
    max-height: 250px;
    margin: 5px;
    float: left;
}


А как сделать что бы если картинки нет, больше чем вставлено тегов, не водилось бы no-image.


Все картинки обверните в [image-x][/image-x]. Например:

[image-1]<img src="{image-1}"/>[/image-1]
[image-2]<img src="{image-2}"/>[/image-2]
[image-3]<img src="{image-3}"/>[/image-3]
........
[image-25]<img src="{image-25}"/>[/image-25]


Тогда если картинки не были добавлены, то ничего не будет показываться)
Это для картинок в краткой новости (я имею ввиду НЕ шаблон, а поля), в полной

[fullimage-1]<img src="{fullimage-1}"/>[/fullimage-1]
[fullimage-2]<img src="{fullimage-2}"/>[/fullimage-2]
[fullimage-3]<img src="{fullimage-3}"/>[/fullimage-3]
........
[fullimage-25]<img src="{fullimage-25}"/>[/fullimage-25]

Комментарии пользователей (7)

G-3p
13

179 | 40

G-3p - 14 апреля 2014 13:58 - Юзер

Если я правильно понял, то все эти фото должны находится в одном контейнере и для них задать параметры. Например:
html
<div class="imgblock">
    <img src="{image-1}"/>
    <img src="{image-2}"/>
    <img src="{image-3}"/>
    <img src="{image-4}"/>
    <img src="{image-5}"/>
    .........
    <img src="{image-27}"/>
</div>

css
.imgblock {
    width: 900px;
    background: white;
    padding: 5px;
}

.imgblock img {
    max-width: 150px;
    max-height: 250px;
    margin: 5px;
    float: left;
}

Как-то так?

kennius
12

kennius - 14 апреля 2014 16:35 - Юзер

G-3p,
Спасибо огромное то что надо, просто идеально )

kennius
12

kennius - 14 апреля 2014 17:28 - Юзер

А как сделать что бы если картинки нет, больше чем вставлено тегов, не водилось бы no-image.

G-3p
13

179 | 40

G-3p - 14 апреля 2014 17:37 - Юзер

Все картинки обверни в [image-x][/image-x]. Например:

[image-1]<img src="{image-1}"/>[/image-1]
[image-2]<img src="{image-2}"/>[/image-2]
[image-3]<img src="{image-3}"/>[/image-3]
........
[image-25]<img src="{image-25}"/>[/image-25]

Тогда если картинки не были добавлены, то ничего не будет показываться)
Это для картинок в краткой новости (я имею ввиду НЕ шаблон, а поля), в полной

[fullimage-1]<img src="{fullimage-1}"/>[/fullimage-1]
[fullimage-2]<img src="{fullimage-2}"/>[/fullimage-2]
[fullimage-3]<img src="{fullimage-3}"/>[/fullimage-3]
........
[fullimage-25]<img src="{fullimage-25}"/>[/fullimage-25]

kennius
12

kennius - 15 апреля 2014 08:17 - Юзер

А как сделать что бы их можно было увеличивать при нажатии?

G-3p
13

179 | 40

G-3p - 15 апреля 2014 11:31 - Юзер

Можно стандартными средствами DLE:

[image-2]<a href="{image-2}" onclick="return hs.expand(this)"><img src="{image-2}"></a>[/image-2]


А можно через lightbox или fancybox (их отдельно нужно подключать)

[image-2]<a data-lightbox="image-group" rel="lightbox" href="{image-2}"><img src="{image-2}"></a>[/image-2]

Gopr
10

494 | 164

Gopr - 14 апреля 2014 14:15 - Юзер

AUTOMATIC IMAGE MONTAGE WITH JQUERY
Пример
Ставиться легко нужно просто обернуть в <div class="am-container" id="am-container">{full-story}</div>, дописать две строчки css и подключить к fullstory.tpl скрипт

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы