Ir para conteúdo

POWERED BY:

Arquivado

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

johnhey

Música no site

Por , em Desenvolvimento frontend

Recommended Posts

johnhey    0

johnhey
Postado

Tenho um site e gostaria de colocar uma música, mas infelizmente ao clicar no menu para ir para outra página, a música para e volta do início.

Vi aqui no site pessoas a dizerem para fazer através de ajam, mas infelizmente não consigo encontrar nenhum exemplo.

Alguém tem? Ou algum link para eu ver?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Exemplo de ajax:

http://wbruno.com.br/ajax/navegacao-sem-refresh-–-carregando-conteudo-ajax-em-div-2/

Compartilhar este post

Link para o post
Compartilhar em outros sites

johnhey    0

johnhey
Postado

Este é o conteúdo que aparece dentro do meu índex, onde tenho o slide show

<!DOCTYPE HTML>
<head>
<meta charset = "UTF-8">
<link href="css/estilo.css" rel ="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<div id="conteudo">
   <div class="slides">
    <div class="slideshow">
      <ul>
        <li><img src="imagens/miniatura/varias/foto1.png" width="215" height="150" />
        <li><img src="imagens/miniatura/varias/foto2.png" width="215" height="150" />
        <li><img src="imagens/miniatura/varias/foto3.png" width="215" height="150" />
       </ul>
    </div>
    <div class="slideshow1">
      <ul>
        <li><img src="imagens/miniatura/varias/foto6.png" width="215" height="150" />
        <li><img src="imagens/miniatura/varias/foto5.png" width="215" height="150" />
        <li><img src="imagens/miniatura/varias/foto7.png" width="215" height="150" />
       </ul>
    </div>
    <div class="slideshow2">
      <ul>
        <li><img src="imagens/miniatura/varias/foto8.png" width="215" height="150" />
        <li><img src="imagens/miniatura/varias/foto9.png" width="215" height="150" />
        <li><img src="imagens/miniatura/varias/foto10.png" width="215" height="150" />
       </ul>
    </div>
  </div>
  <div class="subconteudo">
    <h1>Sejam Bem Vindos</h1>
    </div>
  <div id="noticias">
  <div id="tit_noticias">
  Noticias
  </div>
   </div>
  <footer id="rdconteudo">
    <h2>Obrigado pela visita, volte sempre!</h2>
  </footer>
  </div>
 </body>
 </html>

Consegui fazer, mas meu slideshow deixou de funcionar

Este é meu índex:

<?php
// Cria a variável $pages para não gerar erro
$page = '';

// Checa se o crawler está buscando a página ou
// se o usuário está com o JavaScript desativado
if(isset($_GET['_escaped_fragment_']) || isset($_GET['page']))
{
	
	// Muda a variável $pages para o valor do parâmetro "page" da url
	$page = isset($_GET['_escaped_fragment_']) ? $_GET['_escaped_fragment_'] : $_GET['page'];
	
	// Checa se o arquivo existe na pasta "pages"
	if(file_exists('pages/' . $page))
	{
		// Pega os dados do arquivo
		$content = file_get_contents('pages/' . $page);
		
		// Imprime os dados na tela
		$page = $content;
	}
	else
	{
		// Erro se o arquivo não for encontrado
		// Pode ser alterado
		$page = "Not found";	
	}
}
?>

<!DOCTYPE HTML>
<head>
<meta name='description' content='Bebés Reborn feitos pelo artista reborn António Vieira, em Portugal' />
<meta name='keywords' content='bebé reborn, boneca reborn, bebé reborn portugal, bonecas reborn, bebés renascidos, portugal, reborn, boneca, doll, baby, reborn baby, fake baby, fake doll, reborn babt girl, reborn baby boy, reborn baby doll' />
<meta property='og:site_name' content='Reborn Imaginações de Bebés' />
<meta property='og:title' content='Bebés Reborn Portugal' />
<meta charset = "UTF-8">
<link rel="apple-touch-icon" href="/favicon.jpg">
<link rel="shortcut icon" href="/favicon.ico">
<link href="css/estilo.css" rel ="stylesheet">
<meta name="google-translate-customization" content="b4bd7fa927651cf0-3b24217369355de7-g73a8f0f5a3aa29ad-23">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reborn Imaginações de Bebés - Bebés Reborn Portugal</title>

<!-- jQuery -->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

    <!-- Ativando o jQuery lightBox plugin -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
    
	<script>
		var $a = jQuery.noConflict();
	</script>

	<script type="text/javascript">
    $a(function() {
        $('.galeria a').lightBox();
    });
    </script>
	
<script>
$a(document).ready(function() {
    $a('.slideshow ul').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$a('.slideshow1 ul').cycle({ 
    fx:      'turnDown', 
    delay:   -4000 
	});
	$a('.slideshow2 ul').cycle({ 
    fx:    'curtainX', 
    sync:  false, 
    delay: -2000 
	});
});
</script>

<!-- Scripts -->
<script type="text/javascript">

// Inicia as funções do jQuery
$(function(){
	
	// Checa o hash quando o clique não existe
	var hash = window.location.hash ? window.location.hash : false;
	
	// Seta a variável do último hash utilizado
	var lastHash = false;
	
	// Cria a variável com o valor da URL
	var url = window.location.href;
	
	// Checa se o usuário está tentando acessar a página
	// com o parâmentro 'page'
	if(url.indexOf('page=') != '-1')
	{
		// Modifica o parâmentro 'page' para um fragmento
		url = url.replace(/\?page\=/, "#!");
		
		// Redireciona para a página correta
		window.location.href = url;
	}
	// Checa se o usuário está tentando fazer o
	// papel do crawler
	else if(url.indexOf('_escaped_fragment_') != '-1')
	{
		// Modifica o parâmentro '_escaped_fragment_' para um fragmento
		url = url.replace(/\?_escaped_fragment_\=/, "#!");
		
		// Redireciona para a página correta
		window.location.href = url;
	}
	
	// Checa se existe um hash
	if(hash)
	{
		// Se o usuário não clicar
		// e existir um hash, o script
		// tenta carregar a página
		loadPage(hash);
	}
	
	// Pega o clique nos links
	$('a').click(function(){
		
		// Seta o objeto $('a')
		var obj = $(this);
		
		// Pega o atributo 'name' do obj
		hash = obj.attr('name');
		
		// Modifica o hash da página
		window.location.hash = hash;
		
		// Checa se existe o hash
		if(hash)
		{
			// Faz o load da página com 
			// o hash do atributo 'name' do 
			// obj
			loadPage(hash);
		}
		
		// Garante que não vai 
		// atualizar a página
		return false;
	});
	
	
	// Função loadPage()
	function loadPage(hash)
	{
		// Pega o hash e remove o fragmento #!
		var theHash = hash.replace(/#!/g, "");
		
		// Checa se o último hash utilizado
		// é o atual, se for não carrega novamente
		if(lastHash != theHash)
		{
			
			// Ajax para fazer o load
			$.ajax({
				// Antes de enviar
				beforeSend: function(){
					// Seta o valor
					// da variável lastHash para o
					// valor do hash atual
					lastHash = theHash;
				},
				// Url a ser carregada
				url: 'getdata.php',
				// Modo de envio dos parâmentros
				type: 'GET',
				// Valores a serem enviados
				data: 'page=' + theHash,
				// Se tudo der certo
				success: function(data){
					// Inclui os valores na div#result
					$("#result").html(data);
				}	
			});
		}
	}
	
});

</script>

</head>
<body background="imagens/apresentacao/fundonew.png" style="position: relative; min-height: 100%; top: 0px;">
<div id="topo">
		<section id="cabecalho"> 
       		<header>
				<h5>"...Os bebés Reborn são mágicos, conseguem-nos transportar para um mundo imaginário e ao mesmo tempo real para todos nós, o tempo em que fomos bebés..."</h5>
			</header>
            <section id="logocabecalho">
				  <img src="imagens/apresentacao/logocabecalho.png" alt="Cabeçalho">
			</section>
 <div id="menu">
	<ul id="menubar">
		<li> <a href="?page=index.html" name="#!index.html" title="Página Inicial">  Inicio </a> </li>
		<li> <a href="#" title="Artista"> Artista </a> 
        		<ul class= "submenu">
                <li> <a href="?page=sou.html" name="#!sou.html" title="Quem sou"> Quem sou</a> </li>
				<li> <a href="?page=formacao.html" name="#!formacao.html" title="Formação"> Formação </a> </li>
				</ul>
      </li>
      <li> <a href="#" title="Eventos"> Eventos </a> 
        		<ul class= "submenu">
                <li> <a href="?page=exposicao.html" name="#!exposicao.html" title="Exposição"> Exposições</a> </li>
				<li> <a href="?page=imprensa.html "name="#!imprensa.html" title="Formação"> Imprensa </a> </li>
                <li> <a href="?page=concurso.html" name="#!concurso.html" title="Concurso"> Concurso </a> </li>
				</ul>
      </li>
		<li> <a href="?page=comentario.php" name="#!comentario.html" title="Comentário"> Comentário </a> </li>
		<li> <a href="?page=contacto.html" name="#!contacto.html" title="Formulário de Contacto"> Contactos </a> </li>
	</ul>
    </div>

<!-- Div que vai receber os valores via JavaScript ou PHP -->
<div id="result">
<?php echo $page;?>
</div>
<footer id="rodapepg">
<div id="direitos_autor">
© - Todos os direitos de autor reservados a John Hebert Trindade - webdesign - Contactos: 968 612 616 - email: jht_pt@sapo.pt
</div>
</footer>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito