colorbox

[Gelson Azambuja 0]

seguinte pessoal, esse é meu site que estou tentando fazer: http://www.nabaladasm.com/

ali logo no meio do site tem uma area "últimas".ali eu instalei um sistema de noticias em php,

intao ali na area "ultimas" aparece as ultimas noticias postadas no sistema.

a duvida vem agora

 

queria que quando clicasse no link das noticias ao invez de ir para pagina da noticiaa..carregasse

a pagina ali mesmo com o plugin colorbox.

 

entao esse é o codigo que aparecer das noticias:

 

<B><IMG height=7 src="imagens/seta_laranja.gif" width=5> <?= $data_noticia; ?></B> <p><a  class="group1" href="noticias-descricao.php?id_noticia=<?= $id_noticia;?>"  title="<?= $descricao_noticia; ?>"><?= $descricao_noticia; ?> </a></p>

 

tentei add o class"group1" do plugin colorbox claro que juntamente com o script logo acima no head

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="../colorbox/jquery.colorbox.js"></script>
<script>
	$(document).ready(function(){
		//Examples of how to assign the ColorBox event to elements
		$(".group1").colorbox({rel:'group1'});
		$(".group2").colorbox({rel:'group2', transition:"fade"});
		$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
		$(".group4").colorbox({rel:'group4', slideshow:true});
		$(".ajax").colorbox();
		$(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
		$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
		$(".inline").colorbox({inline:true, width:"50%"});
		$(".callbacks").colorbox({
			onOpen:function(){ alert('onOpen: colorbox is about to open'); },
			onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
			onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
			onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
			onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
		});

		//Example of preserving a JavaScript event for inline calls.
		$("#click").click(function(){ 
			$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
			return false;
		});
	});
</script>

e nao consegui chegar em lugar algum...sera que voces poderiam me ajudar ?

se olharem o site..entenderam melhor :D

agradeço desde ja!

[retrolink 0]

crie ema function desta maneira

 

<script>
$(document).ready(function(){
$("#linkpadrao").colorbox({iframe:true, innerWidth:500, innerHeight:400});
});
</script>

 

dai no link da notícia você coloca um id dentro do a href e o nomeie de linkpadrao, ficando assim

 

<a href="noticia.asp?id=20" title="" id="linkpadrao">

 

O sistema fara o seguinte.... todos os links de sua noticia terá que ter esse padrao acima.... sempre terá que ter o id="linkpadrao" e é a partir disso que aquela function mais acima ira abrir a janela do colorbox sempre que um link tiver o id linkpadrao, os que não tiverem vão abrir normal sem ser pelo modal do colorbox.