Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 01.05.2017
Сообщений: 2
1

Наложение слоя при нажатии

03.05.2017, 23:24. Показов 921. Ответов 1
Метки нет (Все метки)

Есть 1 код, при нажатии на кнопку, оно меняет картинку, нужно как-то сделать что-бы при нажатии на другую кнопку в том же месте добавлялся 2-й слой, т.е. если 1 картинка с прозрачным фоном и вторая они буду показаны вместе, может кто-то объяснить/показать как можно это сделать?
Вот код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
<head>
<title>Document page</title>
<link rel="stylesheet" type="text/css" href="style.scc">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="example/jQuery.js"></script>
<script type="text/javascript" src="example/Groject.js"></script>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
 
var ImgIdx = 2;
 
function PreloadImg(){
 
$.ImagePreload("images/slash2.png");
 
$.ImagePreload("images/slash3.png");
 
$.ImagePreload("images/slash4.png");
 
$.ImagePreload("images/slash5.png");
 
}
 
$(document).ready(function(){
 
PreloadImg();
 
$(".SlashEff ul li").click(function(){
 
$(".Slash").ImageSwitch({Type:$(this).attr("rel"), 
 
NewImage:"images/slash"+ImgIdx+".png", speed: 4000
 
});
 
ImgIdx++;
 
if(ImgIdx>5) ImgIdx = 1;
 
}); 
 
});
 
</script>
</head>
<body>
<div>
 
<div class="SplashFrame">
 
<img src="images/slash1.png" alt="Slash" class="Slash"/>
 
</div> 
 
<div class="SlashEff">
 
<ul>
 
<li class="TryFadeIn" rel="FadeIn">Fade in</li>
 
</ul> 
 
</div>
 
</div>
</body>
</html>
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.05.2017, 23:24
Ответы с готовыми решениями:

Необходимо, чтобы при нажатии на одну из кнопок меню, фрейм с рекламой сворачивался, и разворачивался снова при нажатии на другую кнопку
Задача такая: Есть три фрейма (расположены друг под другом) - это реклама (вверху), меню...

При нажатии на кнопку должна отображатся другая картинка ,при повторном нажатии снова первая картинка
На html языке отобразить картинку и кнопку.При нажатии на кнопку должна отображатся другая картинка...

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

При нажатии на ссылке установить, а при повторном нажатии - снять галочку
Всем привет!:) имеется input checkbox и Ссылка &lt;a&gt;, как при нажатии на ссылку установить галочку и...

1
1641 / 1307 / 639
Регистрация: 10.01.2015
Сообщений: 4,283
04.05.2017, 02:45 2
Dunya96, в общих чертах вот так, только текст заменить на картинки и, возможно, немного подшаманить под себя:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="divA" style="display:none;">qwe</div><div id="divB" style="display:none;">poipoipoi</div>
<div style="display:block; margin-top: 20px;"><input id="button1" type="button" value="первый слой">
<input id="button2" type="button" value="второй слой"></div>
<script>
button1.onclick = function(){
  if(divA.style.display == 'none')
    divA.style.display = 'block';
  divA.style.position = 'absolute';
  divA.style.width = '100%';
  divA.style.backgroundColor = 'grey';
}
button2.onclick = function(){
  if(divA.style.display == 'none'){
    alert('Откройте первый слой');
    return false;
  }else{
    divB.style.display = 'block';
    divB.style.opacity = '0.5';
    divB.style.position = 'absolute';
    divB.style.color = 'red';
  }
}
</script>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.05.2017, 02:45

Открыть закрыть блок при нажатии по ссылке и закрыть его при нажатии вне этого блока
Здравствуйте, несколько дней уже пытаюсь решить задачу, мне нужно сделать блок с авторизацией....

Вращение квадрата при нажатии на его угол и его перемещение при нажатии на него (Canvas)
Добрый день, я столкнулся с такой проблемой, мне нужно сделать реализацию вращения квадрата при...

Наложение слоя и подвал
Всем привет. Делаю фотоальбом, задача такая: при просмотре фотографии на страницу накладывается...

Абсолютное позиционирование - наложение слоя на слой
Привет. Не могу никак понять, как корректно сверстать этот блок. Если поместить &quot;лого&quot; и &quot;блок2&quot;...

Сверточная Нейронная Сеть, Слой C3 (от слоя субдискретизации до слоя сверкти)
Здравствуйте! Построение слоев C1, S2,S4 идет в итерративном режиме. Сначала строим слой C1,...

Выравнить два текстовых слоя относительно другого слоя
Здравствуйте! Есть два текстовых слоя и 1 слой - картинка. Если выравниваю каждый слой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru