Ir para conteúdo

POWERED BY:

Arquivado

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

11closed

galeria de imagens. não funciona

Por , em Javascript

Recommended Posts

11closed    0

11closed
Postado

olá

 

estou usando um script que cria links em ajax (ajaxtabs) e uma galeria de imagens (jcarousel)

 

os links em ajax esta na index.php, quando eu clico no link aonde esta a galeria (imagens.php) a URL fica intacta, mas a galeria não funciona corretamente, quando eu abro o imagens.php manualmente direto pela URL ela funcina certinho.

mas como eu estou utilizando a pagina com os links em ajax, gostaria que funcionasse os dois scripts juntos

 

aguem pode me ajudar, o que tenho que fazer para funcionar a galeria de imagem dentro de uma pagina(imagens.php) que é buscada por outra(index.php)

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

11closed    0

11closed
Postado

ola

 

la vai o codigo

 

index.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> <?php echo $linha["RAZAOSOCIAL_EMP"]; ?> </title>
<link rel="stylesheet" type="text/css" href="../principal/estilos/estilo.css" />
<link rel="stylesheet" type="text/css" href="../principal/ajaxtabs/ajaxtabs.css" />
<script type="text/javascript" src="../principal/ajaxtabs/ajaxtabs.js"></script>
</head>

<body>
<div id="geral">
<?php 
include("menue.php");
?>
<div id="countrydivcontainer">

   </div>
   <script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
</div>

</body>
</html>

 

 

os links estão no include menue.php

 

menue.php


<div id="menue">
<ul id="countrytabs" class="shadetabs">
       <li><a href="#" rel="#default" class="selected" title="Home">Página Inicial</a></li>
       <li><a href="localizacao.php" rel="countrycontainer" title="Localizações da Empresa">Localizações</a></li>
       <li><a href="imagens.php" rel="countrycontainer" title="Imagens da Empresa">Galeria de Imagens</a></li>
       <li><a href="contatos.php" rel="countrycontainer" title="Contatos com a Empresa">Contatos</a></li>
</ul>
</div>

 

 

a galeria de imagens esta no arquivo imagens.php

 

imagens.php


<script type="text/javascript" src="../principal/scripts/jquery.min.js"></script>
<script type="text/javascript" src="../principal/scripts/jquery.galleria.js"></script>
<script type="text/javascript" src="../principal/scripts/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
$('ul.gallery_demo').galleria({
	history   : true, // activates the history object for bookmarking, back-button etc.
	clickNext : true, // helper for making the image clickable
	insert    : '#main_image', // the containing selector for our main image
	onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes

	// fade in the image & caption
	image.css('display','none').fadeIn(2000);
	caption.css('display','none').fadeIn(2000);

	// fetch the thumbnail container
	var _li = thumb.parents('li');

	// fade out inactive thumbnail
	_li.siblings().children('img.selected').fadeTo(500,0.3);

	// fade in active thumbnail
	thumb.fadeTo('fast',1).addClass('selected');

	// add a title for the clickable image
	image.attr('title','Next image >>');
},
onThumb : function(thumb) { // thumbnail effects goes here

// fetch the thumbnail container
var _li = thumb.parents('li');

// if thumbnail is active, fade all the way.
var _fadeTo = _li.is('.active') ? '1' : '0.3';

// fade in the thumbnail when finnished loading
thumb.css({display:'',opacity:_fadeTo}).fadeIn(1500);

// hover effects
thumb.hover(
	function() { thumb.fadeTo('fast',1); },
	function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
)
}
});
});
jQuery(document).ready(function() {
   // Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.first-and-second-carousel').jcarousel();

// If you want to use a caoursel with different configuration options,
// you have to initialise it seperately.
// We do it by an id selector here.
jQuery('#third-carousel').jcarousel({
       vertical: true
   });
});
</script>
<div id="centro">
   <div id="galerias">
       <div id="fotoscasa">
           <div class="demo">
           <div id="main_image"></div>
               <ul class="first-and-second-carousel jcarousel-skin-tango gallery_demo_unstyled" id="first-carousel">
                   <li><img src='imgs/71591_Papel-de-Parede-Tahiti-Polinesia-Francesa_1600x1200[1].jpg' alt='Imagem' title='#' width='50'/></li>
                   <li><img src='imgs/71851_Papel-de-Parede-Polinesia-Francesa_1600x1200[1].jpg' alt='Imagem' title='#' width='50'/></li>
               </ul>
               <p class="nav">
               	<a href="#" onclick="$.galleria.prev(); return false;"><img src='../imgs/l.png' alt='Anterior' title='Anterior' width='35'/></a>
                   <a href="#" onclick="$.galleria.next(); return false;"><img src='../imgs/r.png' alt='Proximo' title='Proximo' width='35'/></a>
               </p>
           </div>
       </div>
   </div>
</div>

 

 

?

Compartilhar este post

Link para o post
Compartilhar em outros sites

11closed    0

11closed
Postado

como assim: tenho que ativar a galeria depois que a pagina carregar ?

 

1º carrega a index.php e o include menue.php . certo.

quando eu clico em um menu

carrega a index.php e o menue.php ai abre a imagens.php dentro da div countrydivcontainer

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

mas como eu estou utilizando a pagina com os links em ajax, gostaria que funcionasse os dois scripts juntos

a fonte do seu problema, é esta aqui, leia:

http://wbruno.com.br/blog/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

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