Publicado em 29 de ago.

pagina de fotos ajax

#javascript

e ai galera blz

como eu faço uma janela estilo popup

quero fazer assim

botão de seta do lado esquerdo , seta do lado direito , largura, altura e o botao fechar

como eu faço isso em ajax

Discussão (12)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

PHP_desenvolvimento· 29 de ago.

Olá grande,

Olha tive procurando um jquery desse tipo e achei um muito bom:

Lightbox2Procura na internet que tem você encontra, vai servir para o que vai querer !

KhaosDoctor· 29 de ago.

Lightbox não é inteiramente ajax, você vai precisar montar modelos extras na mão, dependendo do que você quer fazer.

reinaldo polato· 29 de ago.

KhaosDoctor e ai blz

quero fazer tipo assim uma pagina assim sapatilha.js ai nessa pagina criar uma função para o ligthbox ai eu coloco esquerda direita altura largura

ai no css eu coloco um botao esquerda.jpg, direita.jpg, largura.jpg, altura.jpg

na pagina sapatilha.js colocar assim

$(function(){ $.ajax({ type: 'GET', url: "peeptoe.xml", dataType: 'xml', success: function(xml){ $(xml).find("item").each(function(){ var Xnum = $(this).attr("num"); var Xthumb = $(this).children("thumb").text(); var Xzoom = $(this).children("zoom").text(); var Xlink = $(this).children("link").text(); var Xtexto = $(this).children("texto").text(); var Xaltura = $(this).attr("altura"); var Xlargura = $(this).attr("largura");

como eu faço isso

KhaosDoctor· 30 de ago.

O lightbox faz isso sozinho... Só precisa inserir o script e chamar lá na imagem.

reinaldo polato· 1 de set.

KhaosDoctor blz valeu http://visuallightbox.com/pt/ eu achei esse site de ligthbox

KhaosDoctor e ai blz eu quero colocar uma foto do tamanho pequeno ai quando você clica abre um tipo igual popup

ai quando você clicar na foto ai tem o botão fechar, esquerda, direita pra ficar no tamanho normal como eu faço isso?

galera blz seguinte eu uso esse exemplo desse site mais o que acontece é que quando eu abro a foto a imagem fica muito grande eu quero diminuir o tamanho da imagem e deixar no tamanho bom como eu faço isso

http://lokeshdhakar.com/projects/lightbox2/

<!doctype html>

<html lang="en-us">

<head>

 <meta charset="utf-8">

 <title></title>

 <meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />

 <meta name="author" content="Lokesh Dhakar">

 <meta name="viewport" content="width=device-width">

 <link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />

 <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />

 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

 <link href='[http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:200,300](http://fonts.googleapis.com/css?family=Fredoka+One%7COpen+Sans:200,300)' rel='stylesheet' type='text/css'>

</head>

<body>

 

 

 <h3 style="clear: both;"></h3>

 <div class="imageRow">

 <div class="set">

 <div class="single first">

 <a href="images/examples/foto.jpg" rel="lightbox[plants]" title="Ballasox"><img src="images/examples/foto1.jpg" alt="Plants: image 1 0f 4 thumb" /></a>

 </div>

 <div class="single">

 <a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="" ><img src="images/examples/thumb-4.jpg" alt="Plants: image 2 0f 4 thumb" /></a>

 </div>

 <div class="single">

 <a href="images/examples/image-5.jpg" rel="lightbox[plants]" title=""><img src="images/examples/thumb-5.jpg" alt="Plants: image 3 0f 4 thumb" /></a>

 </div>

 <div class="single last">

 <a href="images/examples/image-6.jpg" rel="lightbox[plants]" title=""><img src="images/examples/thumb-6.jpg" alt="Plants: image 4 0f 4 thumb" /></a>

 </div>

 </div>

 </div>

 

</div>

<hr />

 

</div>

<script src="js/jquery-1.7.2.min.js"></script>

<script src="js/jquery-ui-1.8.18.custom.min.js"></script>

<script src="js/jquery.smooth-scroll.min.js"></script>

<script src="js/lightbox.js"></script>

<script>

 jQuery(document).ready(function($) {

 $('a').smoothScroll({

 speed: 1000,

 easing: 'easeInOutCubic'

 });

 $('.showOlderChanges').on('click', function(e){

 $('.changelog .old').slideDown('slow');

 $(this).fadeOut();

 e.preventDefault();

 })

 });

 var _gaq = _gaq || [];

 _gaq.push(['_setAccount', '']);

 _gaq.push(['_trackPageview']);

 (function() {

 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

 ga.src = ('https:' == document.location.protocol ? '[https://ssl](https://ssl)' : '[http://www](http://www)') + '.google-analytics.com/ga.js';

 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

 })();

</script>

</body>

</html>

William Bruno· 1 de set.

basta abrir os arquivos de imagem images/examples/image-5.jpg, e redimensionar no teu photoshop.

KhaosDoctor· 2 de set.

Esse aqui já tem os exemplos certinhos.

http://lokeshdhakar.com/projects/lightbox2/

reinaldo polato· 2 de set.

KhaosDoctor e ai blz eu uso desse site

quando você clica na foto que está do tamanho pequeno ai abre uma janela com botões prev, next e fechar nessa janela a imagem fica grande desse site

eu estou fazendo esse site www.polatoshoes.com.br da uma olhada e ve as fotos clica em sapatilha abre as fotos

KhaosDoctor· 2 de set.

Sim, está funcionando. Qual é o problema?

reinaldo polato· 2 de set.

KhaosDoctor na pagina sapatilha você clica na foto ai a imagem com next e prev e fechar a imagem fica muito grande eu quero diminuir o tamanho da imagem entendeu

KhaosDoctor· 2 de set.

Diminui o tamanho da sua imagem que fica bom... O Lightbox segue o tamanho da imagem.

reinaldo polato· 4 de set.

e ai galera blz deu certo valeu pela ajuda