Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать спойлер в виде картинки?

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


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

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

Ответил: 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
Юзер

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

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

G-3p
Юзер

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

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

steamen
Юзер

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

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

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

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

наверх