ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу понять почему не работает файл.
4 сообщений из 4, страница 1 из 1
Не могу понять почему не работает файл.
    #39023098
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Код: html
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.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
<!doctype html>
<html>
<head>
	<meta charset=utf-8>
	<title>Слайд-шоу</title>
	<style type="text/css">
	#photoContainer img
	{
	  width:64px;
	  cursor:pointer;
	  height:48px;
	  margin:100px;
	}
	#shadow
	{
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
	  background-color:black;
	  opacity:0.4;
	  filter:alpha(opacity=40);
	  display:none;
	}
	#photo
	{
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
	  background-repeat:no-repeat;
	  background-position:center center;
	  display:none;
	}
    </style>	
	<script type = "text/javascript" src="photos.js"></script>
	<script type = "text/javascript">
    var index=0;
	function onPhotoClick()
	{
	  var shadow =document.getElementById('shadow')
	  var photo =document.getElementById('photo')
	  shadow.style.display="block";
	  photo.style.display="block";
	  photo.style.backgroundImage='url("'+this.src+'")';
	  //photo.src=this.src
	}
	function hidePhoto()
	{
	  var shadow=document.getElementById('shadow')
	  var photo=document.getElementById('photo')
	  shadow.style.display="";
	  photo.style.display="";
	}
	window.onload=function()
    {
      //var img=document.getElementById('photo')
      //img.src="images/"+photos[index]
	  //img.onclick=nextPhoto
	  var photoContainer = document.getElementById('photoContainer')
	  for(var i=0; i<photos.length;i++)
	  {
	    var img=document.createElement("IMG");
		img.src = "images/"+photos[i]
		img.onclick = onPhotoClick;
		photoContainer.appendChild(img);
	  }
	  var photo = document.getElementById('photo')
	  photo.onclick=hidePhoto;
    }
</script>
</head>
<body>
<h1 align="center">Фотоальбом</h1>
<div align="center">
<img id="photoContainer">
</div>
<div align="center">
<img id="photo">
</div>
<div id="shadow">
</div>
<div id="photo">
</div>
</body>
</html>


photos.js
Код: javascript
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.
/*
**	Список фотографий
*/
var photos = new Array
(
	// Ettlingen, Germany
	"ettlingen01.jpg",
	"ettlingen02.jpg",
	"ettlingen03.jpg",

	// Helsinki, Finland
	"helsinki01.jpg",
	"helsinki02.jpg",
	"helsinki03.jpg",

	// Кремль, Москва
	"kremlin01.jpg", 
	"kremlin02.jpg", 
	"kremlin03.jpg", 
	"kremlin04.jpg", 

	// Королев осенью
	"korolev01.jpg",
	"korolev02.jpg",
	"korolev03.jpg",
	"korolev04.jpg",

	// Сочи
	"sochi01.jpg",
	"sochi02.jpg",
	"sochi03.jpg",
	"sochi04.jpg",
	"sochi05.jpg",
	"sochi06.jpg",
	"sochi07.jpg",
	"sochi08.jpg",
	"sochi09.jpg"
);
...
Рейтинг: 0 / 0
05.08.2015, 09:45
| Ответить | Цитировать | Написать  
Не могу понять почему не работает файл.
    #39023100
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Не отображаются картинки.
...
Рейтинг: 0 / 0
05.08.2015, 09:46
| Ответить | Цитировать | Написать  
Не могу понять почему не работает файл.
    #39023122
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
son456, Вы пытаетесь картинки вставить в картинку, вот и не работает:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<body>
<h1 align="center">Фотоальбом</h1>
<div align="center">
<img id="photoContainer">
</div>
<div align="center">
<img id="photo">
</div>
<div id="shadow">
</div>
<div id="photo">
</div>
</body>


Плюс у Вас два элемента с идентификатором photo

Полагаю, что должно быть так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<body>
  <h1 align="center">Фотоальбом</h1>
  <div align="center">
    <div id="photoContainer"></div>
  </div>
  <div id="shadow"></div>
  <div id="photo"></div>
</body>
...
Рейтинг: 0 / 0
05.08.2015, 10:07
| Ответить | Цитировать | Написать  
Не могу понять почему не работает файл.
    #39023281
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Спасибо! Теперь работает!
...
Рейтинг: 0 / 0
05.08.2015, 11:39
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу понять почему не работает файл.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39023100&tid=1445806]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 146ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 54ms
get tp. blocked users:
 1ms
others: 201ms
total:  444ms
созд. / загр.: 444ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]