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

Как сделать спойлер в виде картинки?


     11.04.2014    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы    3134

вопрос
Как сделать спойлер в виде картинки? Не просто длинно палки с + и - , а красивая картинка к примеру с надписью .

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


<div class="spoilertop" onclick="openClose('1')">
<div class="adv" style="text-align: center;"><img src="ссылка на картинку" width="100%"></div>
</div>

<div class="spoilerbox" id="1" style="display:none;">
Содержимое спойлера
</div>

<style>
.spoilertop {cursor:pointer;}
</style>

<script language="javascript" type="text/javascript">
function openClose(id)
{
var obj = "";

// Check browser compatibility
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;

// Do the magic
if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "block";
}
</script>

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

cracken
6

47 | 6

cracken - 13 апреля 2014 14:54 - Юзер

а как сделать спойлер c двумя вкладками например 1:триллеры 2:фильмы ?

G-3p
13

179 | 40

G-3p - 13 апреля 2014 15:26 - Юзер

Взять любой скрипт который предназначен для создания вкладок. Создать две вкладки и поместить их под спойлер.

steamen
52 | 2

steamen - 18 апреля 2015 12:41 - Юзер

Делаю картинку размером в 30%, а пространство по сторонам картинки остается кликабельным. Подскажите как сделать кликабельной только картинку , а область вокруг нее освободить от этого?

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

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