Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Guilherme Pacheco

Usar (id="") em vez de (name="") em slideshow feito co

Recommended Posts

Olá amigos do fórum Imasters, venho aqui pedir ajuda de vocês para fazer uma pequena alteração em um slideshow feito em javascript que uso em meu site:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Slideshow</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script src="pics/getimages.php"></script>

<SCRIPT LANGUAGE="JavaScript">
<!-- Remove original array -->
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 15000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = "pics/"+NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}

auto()

</script>

</head>

<body bgcolor=#cde969>

<div style="text-align:center;">
<img src="pics/0001.jpg" name="slideshow">
</div>

<div style="text-align:center;">
<a href="javascript:chgImg(-1)">Previous</a>
<a href="javascript:auto()">Auto/Stop</a>
<a href="javascript:chgImg(1)">Next</a>
</div>

</body>

</html>

 

O código acima funciona perfeitamente, porém como vocês podem notar ele utiliza o atributo (name="")

 

<img src="pics/0001.jpg" name="slideshow">

 

E quando vou validá-lo na W3C, é gerado o erro:

 

The name attribute on the img element is obsolete. Use the id attribute instead.

 

Eu tentei altera-lo para usar o id="" em vez de name="", porém não tive sucesso, alguém sabe como posso fazer esta alteração?

 

Desde já agradeço a atenção de todos. Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites
No trecho do código document.slideshow.src = "pics/"+NewImg[ImgNum];

altere para document.getElementById('slideshow').src = "pics/"+NewImg[imgNum];

 

e na tag img adicione o atributo id="slideshow"

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.