Javascript-форум - ПОМОГИТе JavaScript

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - ПОМОГИТе JavaScript (https://javascript.ru/forum/misc/22033-pomogite-javascript.html)

Можете помочь со слайдшоу? Вроде всё просто но ничего не работает

Цитата:

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

Можете помочь со слайдшоу?

В чём должна выражаться "помощь"?

хочу доработать код, который писали на 1й странице. И в мыслях сделать, чтобы слайдшоу шло, там где основное изображение при нажатой кнопке. А что именно не получаеться пока непонятно т.к. я хз как вобще это реализовать

Т.е. при нажатии на кнопку следующее изображение?

Michunter,
Может быть стоит почитать книги, а не просто гундеть - хз, я в js не очень и препод тупой?
Ты ещё не показал ничего, что сделал сам, даже в переработанном коде. Иди и делай, не будет получаться, тогда для тебя даже RTFM специальный придумали:
Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

Цитата:

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

querySelectorAl l

Что за пробел????

Цитата:

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

~~viewImg = document.createElement('img').setAttribute('id', 'abs');~~

viewImg.id = 'abs';

<html>
<head>
<script>
window.onload = function Img(){
viewWin = document.getElementById('view');
imgArray = document.getElementById('preview').querySelectorAl l('img');
viewImg = document.createElement('img');

viewImg.height = 300;
viewImg.width = 450;
if(!viewImg.src){
viewImg.src = imgArray[0].src;
}
viewWin.appendChild(viewImg);
viewImg.id = 'viewImg';
for(var i = 0; i < imgArray.length; i++){
imgArray[i].onclick = function(){
viewImg.src = this.src;
}
}
}

function Slide(){
setInterval(function show(){
m = 1;
while(m <= imgArray.length)
{
document.getElementbyId('viewImg').setAttribute('s rc',imgArray[m]);
m++;
}
},1000);
}

</script>
<style>
#view{
height: 300px;
width: 450px;
border: 1px solid #000;
margin-bottom: 30px;
}
#preview img{
height: 100px;
width: 150px;
}
</style>
</head>
<body>
<div id="view"></div>
<div id="preview">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<div>
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
</div>
</div>
<br>
<br>
<br>
<input name="but" type="button" value="Слайдшоу" OnClick="Slide()">
</body>
</html>

Не работает слайдшоу. Подскажите, что в коде не так?

Правильно так:

document.getElementbyId('viewImg').src = imgArray[m];

Что за пробелы?

query[COLOR="Red"]SelectorAl l[/COLOR]('img');
setAttribute([COLOR="red"]'s rc'[/COLOR],imgArray[m]);

Так правильно синтаксичесски:

OnClick="Slide();"

Убери имя Img

window.onload = function Img(){

спасибо, но я немного не уточнил проблему. Со слайдшоу чтобы изображение менялось через определенные промежутки времени. Я попытался своими силами, но не получается
function show(){
var duration = 6000; //общая длительность
var start = new Date().getTime(); // время старта
setTimeout(function() {
now = (new Date().getTime()) - start;
var progress = now/duration;
m = viewImg.setAttribute('src',imgArray[now].src);
if(progress < 1)
setTimeout(arguments.callee, 1000);
}, 6000);
}

может есть ошибка которую я не вижу.. или код бредовый?