Ir para conteúdo

POWERED BY:

Arquivado

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

reinaldo polato

pagina de fotos ajax

Por , em Javascript

Recommended Posts

reinaldo polato    1

reinaldo polato
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

reinaldo polato    1

reinaldo polato
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

reinaldo polato    1

reinaldo polato
Postado

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' 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' : 'http://www') + '.google-analytics.com/ga.js';

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

})();

</script>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

reinaldo polato    1

reinaldo polato
Postado

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

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