jonny_pingonope

Caro amigo esse é o efeito lightbox, existem varias modificações dela rodando por aí!
ela é constituida de css e javascript.
existem tambem outros efeitos desse que parecem bastante com ela tais como o highslide vc pode ver no http://www.goiabatattoo.xpg.com.br/ só clicar nas miniaturas que vc vera!
segue os mesmos padrões de linguagem.

espero ter ajudado!

estou tentando colocar isso mas nem sinal de conseguir!!! peguei o jquery e chamei ele mas ainda não funciona! será que declarei a chamada pois no wordpress fica mais complicado?
to colocando no http://testes.pingonope.com estou tentando colocar no rodapé!
--------

vc não acho pke uso jquery junto

$(function() {
	bubbles();
});

function bubbles() {

	$('a.beaker').append('<span class="bubbles"><span class="strip"></span></span>');

	var bgPosition = 0;

	var resetBg = function() {
		var self = this;
		$('.strip', this).css({
			'top': 0
		});
	};

	var moveBg = function() {
		var self = this;
		bgPosition += 200;
		$('.strip', this).css({
			'top': -bgPosition + 'px'
		});
	};

	$('.item a').hover(function() {
		//alert('on');
		var parentItem = $(this).parents('.item');
		var theBubbles = $('.bubbles', parentItem);
		bubblingInterval = setInterval(function() {});
		//bubblingTimeout = setTimeout(function() {
			$(theBubbles).stop().animate({ 'opacity': 1 }, 900, 'easeOutSine');
			bubblingInterval = setInterval(function() {
				moveBg.apply(theBubbles);
			}, 90);	
		//}, 100)
		
	},function() {
		//clearTimeout(bubblingTimeout);
		clearInterval(bubblingInterval);
		var parentItem = $(this).parents('.item');
		var theBubbles = $('.bubbles', parentItem);
		bgPosition = 0;
		$(theBubbles).stop().animate({ 'opacity': 0 }, 500, 'easeOutSine', function() {
			resetBg.apply(theBubbles);
		});
	});

};

já consegui amigos valeu!!!