Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу понять почему не работает файл. / 4 сообщений из 4, страница 1 из 1
05.08.2015, 09:45
    #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:46
    #39023100
son456
son456
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу понять почему не работает файл.
Не отображаются картинки.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.08.2015, 10:07
    #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, 11:39
    #39023281
son456
son456
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу понять почему не работает файл.
Спасибо! Теперь работает!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу понять почему не работает файл. / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 456ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445806]:
 0ms
get settings:
 6ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 159ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 26ms
get tp. blocked users:
 1ms
others: 241ms
total:  456ms
x
x
Закрыть


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