Форум

Michunter · #1 (**permalink**) 03.10.2011, 23:30

Парни, я в javascript начинающий, а надо зделать задание, я 3 дня голову ломаю.. Помогите, а лучше подскажите что надо знать чтобы выполнить это задание(без использования JQuuer).

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

FINoM · #2 (**permalink**) 04.10.2011, 04:28

1. Javascript (Ваш Кэп)
2. Базовые знания DOM выборка элементов, изменение стилей.

Сообщение от Michunter

Для увеличения скорости отображения страницы и скорости изменения графических образов используйте один из способов оптимизации отображения графических образов.

Что за нах? Это в институте задали?

Michunter · #3 (**permalink**) 04.10.2011, 17:28

Да в универе. И если можно, объясните что за способы оптимизации?? Или сыль дайте на примеры

Snipe · #4 (**permalink**) 04.10.2011, 17:57

Я только один способ знаю оптимизации, в фотошопе/гимпе, когда сохраняешь, качетсво поменьше ставишь. =)

Или я не понял о чем речь. %)

Преподу сколько лет? Он такие асбтрактные задания дает.
Вернее тут два пути. Либо вы проходили это на лекциях, и тогда вы сам себе злобный буратино, раз не знаете; либо действительно что-то не то.

melky · #5 (**permalink**) 04.10.2011, 18:00

Сообщение от Michunter

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

надо знать, как вставлять картинки на страницу
надо знать, как обрабатывать клики на элементах
надо знать, как искать элементы
надо знать, как изменить свойство (атрибут) у элемента
надо знать, что такое отложенное исполнение ( setTimeout )

Сообщение от Michunter

Для увеличения скорости отображения страницы и скорости изменения графических образов используйте один из способов оптимизации отображения графических образов.

мне кажется, тут говорится про кеширование изображений при загрузке страницы

Michunter · #6 (**permalink**) 04.10.2011, 18:33

Спасибо за помощь) А насчет лекций, на них рассказывают левый материал + лектор видимо сам не понимает, что объясняет. В общем спасибо, буду очень благодарен, если покидаете ссылки на материалы которые могут понадобиться.

P.S. Спасибо всем кто помог

systemiv · #7 (**permalink**) 04.10.2011, 23:36

Ради интереса набросал. Остальной функционал очень легко докидывается.

<html>
<head>
	<script>
		window.onload = function(){
			var viewWin = document.getElementById('view');
			var imgArray = document.getElementById('preview').querySelectorAll('img');
			var viewImg = document.createElement('img');
			viewImg.height = 300;
			viewImg.width = 300;
			if(!viewImg.src){
				viewImg.src = imgArray[0].src;
			}
			viewWin.appendChild(viewImg);
			for(var i = 0; i < imgArray.length; i++){
				imgArray[i].onclick = function(){
					viewImg.src = this.src;
				}
			}
		}
	</script>
	<style>
		#view{
			height: 300px;
			width: 300px;
			border: 1px solid #000;
			margin-bottom: 30px;
		}
		#preview img{
			height: 100px;
			width: 100px;
		}
	</style>
</head>
<body>
<div id="view"></div>
<div id="preview">
	<img src="http://demotivators.rublogs.org/wp-content/uploads/2010/02/716481_nu-davaj-rasskazhi-ej-pro-nasledovanie-klassov-v-javascript.jpg" />
	<img src="http://demiart.ru/forum/uploads1/post-67980-1218433439.jpg" />
	<img src="http://freebsd-services.com/wp-content/uploads/2009/08/sql-injection-database.jpg" />
</div>
</body>
</html>

P.S. а такой вопрос, как многие на форуме делают что бы код выполнялся сразу в песочнице?