problema com javascript

jnejunior · Março 14, 2010

to criando um site...

no topo de todas as paginas tem imagens randomicas, meu problema é que na página de fotos, que tem uma galeria de imagens, as imagens randomicas do topo não funcionão...

olhem só a index.html

http://www.jradesign.orgfree.com

e olhem a página com problema fotos.html

http://www.jradesign.orgfree.com/fotos.html

segue abaixo o código das duas páginas..

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cabeça Alternativa - Seu cabelo nas mãos de verdadeiros profissionais</title>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery_002.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
    $('#img1,#img2,#img3,#img4').cycle({
    fx: 'scrollLeft' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
        });
</script>

</head>

<body>

<div id="global">
	<div id="lema">
	<img src="img/msntopo.gif" alt="Seu cabelo nas mãos de verdadeiros profissionais" title="Seu cabelo nas mãos de verdadeiros profissionais" />
	</div>
        <div id="imgs">
        	<div id="img1">
        		<img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
			</div>
        	<div id="img2">
	            <img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
            </div>
        	<div id="img3">
           		<img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
            </div>
       		<div id="img4">
            	<img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
            </div>
		</div>
    

        <div id="topo"></div>

    <div id="menu">
        <ul>
            <li><a href="#">início</a></li>
            <li><a href="#">cortes</a></li>
            <li><a href="fotos.html">fotos</a></li> 
            <li><a href="#">contato</a></li>

       </ul>
    </div>
    <div id="conteudo">
    	<h1>Loren Ipsun</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta pretium dignissim. Morbi magna purus, tristique nec commodo vel, mattis aliquet ante. Morbi laoreet fermentum scelerisque. Maecenas pretium felis sit amet nisl pellentesque eu pretium dui dapibus. Proin placerat enim quam, eu laoreet diam. Sed vel tellus non odio hendrerit porta ac vitae turpis. Morbi sit amet quam felis, id volutpat nisl. Donec tempor, tortor vel volutpat eleifend, lacus tortor ullamcorper dolor, ut malesuada felis tellus vel urna. Quisque lobortis vehicula auctor. Aenean malesuada ante ac velit luctus quis auctor eros pretium. Suspendisse potenti. Vestibulum orci ipsum, tempus vel lacinia ut, tincidunt non sapien. Quisque viverra, augue id tempor tristique, nisi nisl rhoncus nulla, sed ultricies dolor tortor at leo. </p>
    
    
    </div>
    <div id="rodape">
    
    <ul>
	   	<li><a href="#">início</a></li>
        <li><a href="#">cortes</a></li>
        <li><a href="#">penteados</a></li> 
        <li><a href="#">contato</a></li>
	</ul>
    <p>© 2010 Cabeça Alternativa • Todos os direitos reservados.<br />Desenvolvido por: JR.A design - soluções web</p>
	
    <ul id="valida">
		<li>
			<a href="http://validator.w3.org/check?uri=referer" class="noline">
			<img style="border: 0; width: 88px; height: 31px" src="http://www.w3.org/Icons/valid-xhtml10"
			alt="Valid XHTML 1.0 Transitional" title="Valid XHTML 1.0 Transitional" /></a>
        </li><li>
			<a href="http://jigsaw.w3.org/css-validator/check/referer" class="noline">
			<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS válido!" title="CSS válido!" /></a>
		</li>
	</ul>	         
       
    </div>

</div>

</body>
</html>

e fotos.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cabeça Alternativa - Seu cabelo nas mãos de verdadeiros profissionais</title>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery_002.js"></script>
<script type="text/javascript" src="javascript/mootools.js"></script>
<script type="text/javascript" src="javascript/slideshow.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
    $('#img1,#img2,#img3,#img4').cycle({
    fx: 'scrollLeft' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
        });
</script>

<script type="text/javascript">		
	  window.addEvent('domready', function(){
	    var data = {
	      '1.jpg': { caption: 'imagem 1' },
	      '2.jpg': { caption: 'imagem 2' },
	      '3.jpg': { caption: 'imagem 3' },
  	      '4.jpg': { caption: 'imagem 4' },
              '5.jpg': { caption: 'imagem 5' },
              '6.jpg': { caption: 'imagem 6' },
	      '7.jpg': { caption: 'imagem 7' },
	      '8.jpg': { caption: 'imagem 8' },
  	      '9.jpg': { caption: 'imagem 9' },
              '10.jpg': { caption: 'imagem 10' },
              '11.jpg': { caption: 'imagem 11' },
	      '12.jpg': { caption: 'imagem 12' },
	      '13.jpg': { caption: 'imagem 13' },
  	      '14.jpg': { caption: 'imagem 14' },
              '15.jpg': { caption: 'imagem 15' }
	    };
	    var myShow = new Slideshow('show', data, {controller: true, height: 450, hu: 'img/', thumbnails: true, width: 700});
	  });
</script>

</head>

<body>

<div id="global">
	<div id="lema">
	<img src="img/msntopo.gif" alt="Seu cabelo nas mãos de verdadeiros profissionais" title="Seu cabelo nas mãos de verdadeiros profissionais" />
	</div>
        <div id="imgs">
        	<div id="img1">
        		<img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
			</div>
        	<div id="img2">
	            <img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
            </div>
        	<div id="img3">
           		<img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
            </div>
       		<div id="img4">
            	<img src="img/img01.gif" alt="imagem1" title="imagem 1" />
				<img src="img/img02.gif" alt="imagem1" title="imagem 2" />
				<img src="img/img03.gif" alt="imagem1" title="imagem 3" />
				<img src="img/img04.gif" alt="imagem1" title="imagem 4" />
				<img src="img/img05.gif" alt="imagem1" title="imagem 5" />
				<img src="img/img06.gif" alt="imagem1" title="imagem 6" />
            </div>
		</div>
    

        <div id="topo"></div>

    <div id="menu">
        <ul>
            <li><a href="#">início</a></li>
            <li><a href="#">cortes</a></li>
            <li><a href="#">penteados</a></li> 
            <li><a href="#">contato</a></li>
       </ul>
    </div>
    <div id="conteudo">
    	<h1>Fotos</h1>
        
        <div id="show" class="slideshow">
        </div>

  
    </div>
    <div id="rodape">
    
    <ul>
	   	<li><a href="#">início</a></li>
        <li><a href="#">cortes</a></li>
        <li><a href="#">penteados</a></li> 
        <li><a href="#">contato</a></li>
	</ul>
    <p>© 2010 Cabeça Alternativa • Todos os direitos reservados.<br />Desenvolvido por: JR.A design - soluções web</p>
	
    <ul id="valida">
		<li>
			<a href="http://validator.w3.org/check?uri=referer" class="noline">
			<img style="border: 0; width: 88px; height: 31px" src="http://www.w3.org/Icons/valid-xhtml10"
			alt="Valid XHTML 1.0 Transitional" title="Valid XHTML 1.0 Transitional" /></a>
        </li><li>
			<a href="http://jigsaw.w3.org/css-validator/check/referer" class="noline">
			<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS válido!" title="CSS válido!" /></a>
		</li>
	</ul>	         
       
    </div>

</div>

</body>
</html>

se alguem puder me ajudar...

Thiago Retondar · Março 15, 2010

Tópico movido:

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML » JavaScript Frameworks

Deve ser problema no JavaScript. Incompatibilidade de variáveis, talvez.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Entrar

Arquivado

problema com javascript

Recommended Posts

jnejunior 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante