0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 526 Просмотров
*

makarovse

  • Захожу иногда
  • 243
  • 2 / 0
У меня на сайте в статьях достаточно большое количество галерей, что сильно нагружает систему, да и глаза.  Бывает в 1 статье по 4-5 галерей, ну в основном фотографии интересных мест. Как отмечено опытным путём  далеко не все посетители начинают разглядывать фотографии. Каким образом можно реализовать показ скажем 1-2, а под ними раскрывающийся наподобие:  если вам интересно откройте еще ( и был как бы спойлер).
Ребят подскажите, может плагин какой знаете, или другое более интересное решение моей проблемы.
*

fritz321

  • Новичок
  • 7
  • 0 / 0
спойлер может нужен?
Код
HTML:
<div class="spoil">
<div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/>
</div>
<div class="alt2">
<div style="display: none;">

текст внутри спойлера...

</div>
</div>
</div>

CSS:
alt2{ margin: 0px;  padding: 6px;  border: 1px inset;}
smallfont{margin-bottom:2px;}
spoil{margin:10px; margin-top:5px;}
*

makarovse

  • Захожу иногда
  • 243
  • 2 / 0
а куда это вставлять ? непосредственно в место, где хочу получить спойлер ?, или первую часть в текст, а вторую добавить в CSS стили ?
« Последнее редактирование: 24.01.2013, 10:21:36 от makarovse »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[FAQ] Несколько модулей в 1 статье

Автор igol

Ответов: 23
Просмотров: 26506
Последний ответ 22.12.2017, 11:13:06
от kilnart
Как сделать активные оповещения о входящих Личных Сообщениях?

Автор Yonakano

Ответов: 1
Просмотров: 686
Последний ответ 13.08.2017, 23:23:59
от voland
Каким плагином можно сделать мультиколоночное мега-меню как на примере?

Автор Adrian1111

Ответов: 7
Просмотров: 323
Последний ответ 02.08.2017, 10:01:44
от lexxbry
[FAQ] Как убрать ссылку на Главную в меню?

Автор Morh

Ответов: 65
Просмотров: 26600
Последний ответ 31.07.2017, 23:47:25
от lawrik2005
Как сделать порядок мета тегов?

Автор Meiir

Ответов: 4
Просмотров: 543
Последний ответ 11.05.2017, 17:52:33
от vipiusss