Jquery nao funciona no IE [Resolvido]

aszarael · Fevereiro 6, 2013, 5:04pm

Boa Tarde Senhores,

Tenho o seguinte Jquery

<!-- Album --!>
 
<script type="text/javascript">
 
var imagem = new Array();
imagem[0] = "album/cia_atletica/066.JPG";
imagem[1] = "album/cia_atletica/124.JPG";
imagem[2] = "album/cia_atletica/126.JPG";
imagem[3] = "album/cia_atletica/127.JPG";
imagem[4] = "album/cia_atletica/131.JPG";
imagem[5] = "album/cia_atletica/133.JPG";
imagem[6] = "album/cia_atletica/134.JPG";
imagem[7] = "album/cia_atletica/136.JPG";
imagem[8] = "album/cia_atletica/144.JPG";
 
imagem[9] = "album/feito_por_mim/020.JPG";
imagem[10] = "album/feito_por_mim/022.JPG";
imagem[11] = "album/feito_por_mim/023.JPG";
imagem[12] = "album/feito_por_mim/025.JPG";
imagem[13] = "album/feito_por_mim/030.JPG";
 
imagem[14] = "album/familia_x_escola/100_6107.JPG";
imagem[15] = "album/familia_x_escola/100_6108.JPG";
imagem[16] = "album/familia_x_escola/100_6109.JPG";
imagem[17] = "album/familia_x_escola/100_6110.JPG";
 
var carregar = new Array();
 
function carregarImagens() {
	for (var i=0; i<imagem.length; i++) {
		carregar[i] = new Image();
		carregar[i].src = imagem[i];
		if (i < 9){
			document.getElementById("imgQuadro").innerHTML = "Carregando...";
		}else{
			document.getElementById("imgQuadro2").innerHTML = "Carregando...";
		}
		document.getElementById("imgTumb"+i).innerHTML = "Carregando...";
		window.setTimeout("verificaCarregamento("+i+")",100);
	}
}
 
 
function verificaCarregamento(imgID) {
	if(carregar[imgID].complete ) {
		document.getElementById("imgTumb"+imgID).innerHTML = '<img src="'+carregar[imgID].src+'" width="120" height="90" onClick=abrirImagem('+imgID+')>';
		if (imgID == 0) {
			document.getElementById("imgQuadro").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
			document.getElementById("imgQuadro2").innerHTML = '<img width="500" height="400" id="imgQuadro2" src="'+"album/feito_por_mim/020.JPG"+'">';
			document.getElementById("imgQuadro3").innerHTML = '<img width="500" height="400" id="imgQuadro3" src="'+"album/familia_x_escola/100_6107.JPG"+'">';
		}
	}else{
		window.setTimeout("verificaCarregamento("+imgID+")", 100);
	}
}
 
function abrirImagem(imgID) {
	if (imgID < 9){
		document.getElementById("imgQuadro").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
	}else{
	  if ((imgID > 9) && (imgID <=13)){
		document.getElementById("imgQuadro2").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
	  }else{
		document.getElementById("imgQuadro3").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
	  }		
	}
}
 
window.onload = carregarImagens;
</script>

Que vai se chamado em minha Pagina


<!-- ********************* Album ********************* -->
 
<table border="1" width="500" height="400">
<tr>
	<td align="center"><div id="imgQuadro3"></div></td>
</tr>
</table>
 
<br>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb14" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb15" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb16" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb17" class="tumbnails"></div></td>
</tr>
</table>
<br>

No Chrome funcionou sem problemas,
alguem poderia me ajudar.

Segue a pagina inteira

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Campinas</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css"> 
@import url(styles.css);
td.tumbnails {width:120; height:90; text-align:center}
div.tumbnails {font-size:11px;}
</style>
<!-- Album --!>
 
<script type="text/javascript">
 
var imagem = new Array();
imagem[0] = "album/cia_atletica/066.JPG";
imagem[1] = "album/cia_atletica/124.JPG";
imagem[2] = "album/cia_atletica/126.JPG";
imagem[3] = "album/cia_atletica/127.JPG";
imagem[4] = "album/cia_atletica/131.JPG";
imagem[5] = "album/cia_atletica/133.JPG";
imagem[6] = "album/cia_atletica/134.JPG";
imagem[7] = "album/cia_atletica/136.JPG";
imagem[8] = "album/cia_atletica/144.JPG";
 
imagem[9] = "album/feito_por_mim/020.JPG";
imagem[10] = "album/feito_por_mim/022.JPG";
imagem[11] = "album/feito_por_mim/023.JPG";
imagem[12] = "album/feito_por_mim/025.JPG";
imagem[13] = "album/feito_por_mim/030.JPG";
 
imagem[14] = "album/familia_x_escola/100_6107.JPG";
imagem[15] = "album/familia_x_escola/100_6108.JPG";
imagem[16] = "album/familia_x_escola/100_6109.JPG";
imagem[17] = "album/familia_x_escola/100_6110.JPG";
 
var carregar = new Array();
 
function carregarImagens() {
	for (var i=0; i<imagem.length; i++) {
		carregar[i] = new Image();
		carregar[i].src = imagem[i];
		if (i < 9){
			document.getElementById("imgQuadro").innerHTML = "Carregando...";
		}else{
			document.getElementById("imgQuadro2").innerHTML = "Carregando...";
		}
		document.getElementById("imgTumb"+i).innerHTML = "Carregando...";
		window.setTimeout("verificaCarregamento("+i+")",100);
	}
}
 
 
function verificaCarregamento(imgID) {
	if(carregar[imgID].complete ) {
		document.getElementById("imgTumb"+imgID).innerHTML = '<img src="'+carregar[imgID].src+'" width="120" height="90" onClick=abrirImagem('+imgID+')>';
		if (imgID == 0) {
			document.getElementById("imgQuadro").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
			document.getElementById("imgQuadro2").innerHTML = '<img width="500" height="400" id="imgQuadro2" src="'+"album/feito_por_mim/020.JPG"+'">';
			document.getElementById("imgQuadro3").innerHTML = '<img width="500" height="400" id="imgQuadro3" src="'+"album/familia_x_escola/100_6107.JPG"+'">';
		}
	}else{
		window.setTimeout("verificaCarregamento("+imgID+")", 100);
	}
}
 
function abrirImagem(imgID) {
	if (imgID < 9){
		document.getElementById("imgQuadro").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
	}else{
	  if ((imgID > 9) && (imgID <=13)){
		document.getElementById("imgQuadro2").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
	  }else{
		document.getElementById("imgQuadro3").innerHTML = '<img width="500" height="400" id="imgQuadro" src="'+imagem[imgID]+'">';
	  }		
	}
}
 
window.onload = carregarImagens;
</script>
 
<!-- Album --!>
 
</head>
<body>
<div id="container">
  <!-- top nav -->
  <div id="nav">
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="institucional.html">Institucional</a></li>
      <li><a href="ajuda.html">Como ajudar</a></li>
      <li class="selected"><a href="eventos.html">Eventos</a></li>
      <li><a href="noticias.html">Notícias</a></li>
      <li><a href="localizacao.html">Contato</a></li>
    </ul>
  </div>
  <!-- header with logo -->
  <div id="header"> <img src="resources/logo_small.png" alt="" name="logo" width="137" height="137" id="logo" />
    <div id="slogan">
      <p>Uma comunidade melhor é um grande começo para um mundo melhor!</p>
    </div>
  </div>
  <!-- banner -->
  
  <!-- main content area -->
  <div id="content_container">
    <div id="sidebar">
      <!-- news headlines box -->
      <h2>Faça sua doação</h2>
      <div class="box">
        <ul class="news">
        <li style="margin-left:30px;"><strong>DOAÇÃO PARA</strong></li>
		<li style="margin-left:30px;"></li>
		<li style="margin-left:30px;">Depósito identificado ? SANTANDER</li>
		<li style="margin-left:30px;"></li>
		<li style="margin-left:30px;"></li>
          
        </ul>
      </div>
    </div>
    <!-- body copy area -->
    <div id="content"> 
 
<!-- ********************* album ********************* -->  
<br>
    <h2><strong>Escola X Familia</strong></h2>    
   <p>Uma parceria de sucesso. Venha você também fazer parte desta parceria de sucesso !</p>
	
 
<!-- ********************* Album ********************* -->
 
<table border="1" width="500" height="400">
<tr>
	<td align="center"><div id="imgQuadro3"></div></td>
</tr>
</table>
 
<br>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb14" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb15" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb16" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb17" class="tumbnails"></div></td>
</tr>
</table>
<br>	
	
	
    <h2><strong>Festa de Natal na XXXXXXXXX Proporcionada pela Companhia Atlética</strong></h2>
    <p>Dia 13/12/2012 foi realizada Festa de Natal na XXXXXXX Proporcionada pela Companhia Atlética, uma tarde muita especial com mágico,
       comes e bebes e a presença ilustre do Papai Noel.</p>
 
<!-- ********************* Album ********************* -->
 
<table border="1" width="500" height="400">
<tr>
	<td align="center"><div id="imgQuadro"></div></td>
</tr>
</table>
 
<br>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb0" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb1" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb2" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb3" class="tumbnails"></div></td>
</tr>
</table>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb4" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb5" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb6" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb7" class="tumbnails"></div></td>
</tr>
</table>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb8" class="tumbnails"></div></td>
</tr>
</table>
 
 
 
 
<!-- ********************* album ********************* -->  
<br>
    <h2><strong>"Feito por mim"</strong></h2>    
    <p>Como é bom vivenciar a iniciativa de voluntarios em confeccionar um brinquedo e presentear as crianças. </p>
	
 
<!-- ********************* Album ********************* -->
 
<table border="1" width="500" height="400">
<tr>
	<td align="center"><div id="imgQuadro2"></div></td>
</tr>
</table>
 
<br>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb9" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb10" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb11" class="tumbnails"></div></td>
	<td class="tumbnails"><div id="imgTumb12" class="tumbnails"></div></td>
</tr>
</table>
<table border="1">
<tr>
	<td class="tumbnails"><div id="imgTumb13" class="tumbnails"></div></td>
</tr>
</table>
 
<!-- ********************* album ********************* -->  
<br>
    <h2><strong>Festa de Natal da Ong Sonhar Acordado</strong></h2>
    <p>Dia 08/12/2012 - Será realizada no Colégio Porto Seguro e terá o tema " Natal das Belas Histórias", 
       será um dia mágico para nossas crianças. As crianças deverão estar na creche ás 8:00 Hs e a chega está prevista para as 17:30 hs</p>  	
    <br>
 
    <h2><strong>ZZZZZZZZZZZZ</strong></h2> 	
    <p>Dia 20/12/2012 - Tendo Inicio as 15:00 horas, momento onde pais,
               crianças, funcionários, diretoria, padrinhos e voluntários se confraternizam agradecendo 
               pelo ano que passou e abrindo as portas para um novo ano. Nossa festa conta com lindas 
               apresentações das crianças e também com a presença mais esperada da tarde. O Papai Noel..........</p>
    <br> 	
    <p><center><strong>Contamos com a participação de todas as nossas crianças!</strong></center></p>   
 
 
</div>
    <!-- ie6, force line break -->
    <br clear="all" />
&nbsp; </div>
</div>
<div id="footer">
  <div class="inner">
    <div class="column">
      <!-- repeat top nav -->
      <ul>
        <li>ZZZZZZZZZZZZZZ</li>
      </ul>
    </div>
    <div class="column"><span class="column last"> XXXXXXX  2010 - Todos os direitos reservados</span></div>
    <div class="column last">      powered by <a HREF="mailtoXXXXXXXXXX">XXXXXX</a></div>
    <br clear="all" />
  </div>
</div>
</body>
</html>

aszarael · Fevereiro 7, 2013, 2:25pm

Para quem precisar,

o erro estava no comentario

<!-- Album --!>

o correto e

system · Dezembro 30, 2015, 1:42pm

Jquery nao funciona no IE [Resolvido]

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI