Ir para conteúdo

POWERED BY:

Arquivado

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

Isaac Sá

FancyBox Funcionando Local e dando erro web

Por , em Javascript

Recommended Posts

Isaac Sá    0

Isaac Sá
Postado

Bom dia senhores,

estou com um problema que está arrancando meus cabelos, terminei um projeto, na minha máquina está rodando 100%, mas quando faço upload pro servidor, a ampliação de fotos fancybox não funciona. :(

Existem duas páginas php para chamar uma notícia, quando se clica na notícia se vai para está pagina

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Site do 10° Batalhão Logístico, Batalhão Marquês do Alegrete" />
<meta name="keywords" content="exército,brasileito,décimo,10°,batalhão,logístico,marquês,alegrete" />
<meta name="author" content="Isaac Sá" />

<link href='http://fonts.googleapis.com/css?family=Lato|Gentium+Basic' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

<!-- FANCY -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="fancy/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancy/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a[rel=zoomfotos]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
}
});
});
</script>
<link rel="stylesheet" type="text/css" href="fancy/jquery.fancybox-1.3.4.css" media="screen" />
<!--FANCY -->
<title>10° BLog</title>
</head>

<body>
<div id="wrapper960" class="clearfix">
<div id="header" class="clearfix shadow">
<!-- TOPO -->
<div id="logos-topo">
<img src="images/topo.jpg" />
</div>
<!-- FIM TOPO -->

</div>



<!-- CHAMAR NOTICIA SELECIONADA !-->
<?php
$link = 'noticias/'.$_GET['an'].'/'.$_GET['me'].'/'.$_GET['nt'];

include $link.'/texto.php';
?>
<!-- FIM CHAMAR NOTICIA SELECIONADA !-->

<!-- RODAPE -->
<?php include 'includes/rodape.php';?>
<!-- FIM RODAPE -->
</div>

</body>
</html>


E está página chama a da notícia.

<div id="content" class="clearfix shadow">
<h2>Reunião dos Militares Reintegrados</h2>
</div>

<div id="extended" class="clearfix shadow">
<p align="center"><a href="noticias.php">VOLTAR PARA NOTÍCIAS</a></p>
<p>          
No dia 09 de julho de 2015, o 10º Batalhão Logístico – Batalhão Marquês de Alegrete – reuniu os militares reintegrados, adidos e encostados. Foram tratados assuntos diversos de interesse de todos
</p>
<p align="center">- Clique nas fotos para ampliar. <br />
- Use as setas do teclado ou da foto para passar fotos.<br />
- Use o scroll do seu mouse para passsar as fotos.</p>
<p align="center">
<a rel="zoomfotos" href="<?=$link?>/01.jpg" title=""><img src="<?=$link?>/01s.JPG" width="400" height="300" alt="" /></a>
<a rel="zoomfotos" href="<?=$link?>/02.jpg" title=""><img src="<?=$link?>/02s.JPG" width="400" height="300" alt="" />
<a rel="zoomfotos" href="<?=$link?>/03.jpg" title=""><img src="<?=$link?>/03s.JPG" width="400" height="300" alt="" />
<a rel="zoomfotos" href="<?=$link?>/04.jpg" title=""><img src="<?=$link?>/04s.JPG" width="400" height="300" alt="" />
</p>

<p align="center"><a href="noticias.php">VOLTAR PARA NOTÍCIAS</a></p>
</div>


Na minha máquina ele amplia normalmente, no servidor ele só da uma mensagem de erro:

The requested content cannot be loaded.Please try again later.

Alguém está vendo algo que eu deixei passar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isaac Sá    0

Isaac Sá
Postado

Os arquivos .css e .js do fancybox estão no servidor? O caminho está correto?

Manda o link que facilita

 

Valeu

Bruno, está tudo lá sim, já tinha conferido e checado o caminho no servidor e no meu computador, ta tudo ok.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Não tem nada haver com o javascript, isso é nomenclatura da imagem

 

Olha como está:

<a rel="zoomfotos" href="noticias/15/07/05/01.jpg" title=""><img src="noticias/15/07/05/01.JPG" width="400" height="300"></a>

O .jpg da imagem precisa ser MAIUSCULO no href, troque que você vai ver:

<a rel="zoomfotos" href="noticias/15/07/05/01.JPG" title=""><img src="noticias/15/07/05/01.JPG" width="400" height="300"></a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isaac Sá    0

Isaac Sá
Postado

 

Não tem nada haver com o javacript, isso é nomenclatura da imagem

 

Olha como está:

<a rel="zoomfotos" href="noticias/15/07/05/01.jpg" title=""><img src="noticias/15/07/05/01.JPG" width="400" height="300"></a>

O .jpg da imagem precisa ser MAIUSCULO no href, troque que você vai ver:

<a rel="zoomfotos" href="noticias/15/07/05/01.JPG" title=""><img src="noticias/15/07/05/01.JPG" width="400" height="300"></a>

Putz, o cara queima neurônios olhando linha por linha dos javascript e não enxerga algo tão simples, muito obrigado, era isso ai mesmo, deu certinho. :D

Compartilhar este post

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

Informação importante

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

  Aceito