Galeria De Fotos - Lightbox - Ajax - Javascript / DOM / AJAX / ECMAScript

O lightbox em cima abre a imagem sobreposta na sua pagina.

Manda os codigos ai pra ver como que tá..

Ok veja......o 1º código se refere a página onde a pessoa seleciona qual galeria de fotos ela quer ver e que irá abrir dentro do iframe até aqui esta certo

1º código:

<html><head><title>Fotos</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="estilo_paginas.css" type="text/css" rel="stylesheet"><link href="estilo.css" type="text/css" rel="stylesheet"></head><body bgcolor="#f9f9f9"><div class="txt">      <DIV class="titulo_page">G<SPAN class="titulo_page1">aleria de Fotos</SPAN></DIV><br><br>  <DIV class="texto_links"><a href="galeria_fotos/galeria.html" target="janela">Fotos 1</a></DIV>  <DIV class="texto_links"><a href="galeria_fotos/galeria.html" target="janela">Fotos 2</a></DIV> </body></html>

2º código

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>phatfusion : lightbox</title><link rel="stylesheet" href="../_common/css/main.css" type="text/css" media="all"><link href="lightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="../_common/js/mootools.js"></script><script type="text/javascript" src="lightbox.js"></script></head><body>	<div id="container">			<div id="logo"><h1>phatfusion</h1></div>				<p class="desc">javascript and flash development.</p>						<h2 class="lightbox">lightbox</h2>				<div class="description">				</div>						<h3 class="example">example</h3>		<div id="example">			<a href="images/26.jpg" rel="lightbox[mando]" id="image1" title="image 1"><img src="images/26t.jpg" border="0" alt="" /></a>		  <div class="lightboxDesc image1">My description for image 1</div>		  <a href="images/27.jpg" rel="lightbox[mando]" id="image2" title="image 2"><img src="images/27t.jpg" border="0" alt="" /></a>		  <div class="lightboxDesc image2">My description for image 2</div>		  <a href="images/28.jpg" rel="lightbox[mando]" id="image3" title="image 3"><img src="images/28t.jpg" border="0" alt="" /></a>		  <div class="lightboxDesc image3">My description for image 3</div>				<script type="text/javascript">			window.addEvent('domready',function(){				Lightbox.init({descriptions: '.lightboxDesc', showControls: true});			});		</script>		</div>		<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">var pageTracker = _gat._getTracker("UA-3333085-1");pageTracker._initData();pageTracker._trackPageview();</script></body></html>

Já o segundo código foi oq encontrei na net......quero q qnd eu clicar na foto pequena abra fora do iframe.....esta abrindo dentro do iframe....o tamanho do iframe da página esta baixo.....qnd aumento a foto para 600 por exemplo ela fica cortada dentro do iframe.....
Entendeu?

Espero q me ajude......

<iframe style="overflow-x:hidden; BACKGROUND: #000099;" src="home.html" name="janela" width="598" height="1056" frameborder="0" scrolling="no"></iframe>

Galeria De Fotos - Lightbox - Ajax

#1 Eu_Nana

#2 Kahor

#3 Eu_Nana

0 user(s) are reading this topic

Galeria De Fotos - Lightbox - Ajax

#1 Eu_Nana

#2 Kahor

#3 Eu_Nana

0 user(s) are reading this topic

Entrar