ПОМОГИТе JavaScript
Парни, я в javascript начинающий, а надо зделать задание, я 3 дня голову ломаю.. Помогите, а лучше подскажите что надо знать чтобы выполнить это задание(без использования JQuuer).
Задание: # Создайте фотогалерею для web, для этого подготовьте графические изображения, объединенные общей темой (тема свободная). Необходимо предоставить пользователю возможность просмотра слайд-шоу изображений и возможность запуска и остановки слайд-шоу. Для увеличения скорости отображения страницы и скорости изменения графических образов используйте один из способов оптимизации отображения графических образов. |
1. Javascript (Ваш Кэп)
2. Базовые знания DOM выборка элементов, изменение стилей. Цитата:
|
Да в универе. И если можно, объясните что за способы оптимизации?? Или сыль дайте на примеры
|
Я только один способ знаю оптимизации, в фотошопе/гимпе, когда сохраняешь, качетсво поменьше ставишь. =)
Или я не понял о чем речь. %) Преподу сколько лет? Он такие асбтрактные задания дает. Вернее тут два пути. Либо вы проходили это на лекциях, и тогда вы сам себе злобный буратино, раз не знаете; либо действительно что-то не то. |
Цитата:
Цитата:
|
Спасибо за помощь) А насчет лекций, на них рассказывают левый материал + лектор видимо сам не понимает, что объясняет. В общем спасибо, буду очень благодарен, если покидаете ссылки на материалы которые могут понадобиться.
P.S. Спасибо всем кто помог |
Ради интереса набросал. Остальной функционал очень легко докидывается.
<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. а такой вопрос, как многие на форуме делают что бы код выполнялся сразу в песочнице? |
[ JS run ] alert('qwe'); [ /JS ]
пробелы убрать |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 16:16. |