[Resolvido] Posicionamento Left Dinamico

[insiderman 0]

Olá pessoal,

 

Tenho um plugin de galeria de fotos onde preciso colocar a descrição da foto em cima da mesma. A largura da imagem é sempre variável.

Eu consegui adaptar a largura da descrição à largura da foto porém não estou sabendo fazer o reposicionamento da descrição em relação a foto dinamicamente.

 

Ai vai o que eu estou tentando fazer:

 

this.bind(Galleria.IMAGE, function(e) {
    this.$('info').width( e.imageTarget.width ); // Esta linha faz 'info' ficar com o tamanho da imagem
    this.$('info').css("left","+=imageTarget.left"); // Esta linha tenta mudar o posicionamento de 'info' para ficar em cima da foto -não está funcionando 
});

 

Se alguem puder ajudar agradeço mto

 

Vida longa e Prospera!

[William Bruno 1501]

mostre como seria o layout disso.

 

provavel que não precise de javascript manipulando css, mas sim somente css puro.

[insiderman 0]

Olá Bruno,

 

Mais uma vez espero contar com sua valiosa colaboração.

 

A página teste está aqui:

http://www.ofirgodoy.eu.pn/galleria/picasa_album_fade01.html

 

O arquivo .css:

http://www.ofirgodoy.eu.pn/galleria/galleria_css/galleria.classic.css

 

Os 3 JS:

http://www.ofirgodoy.eu.pn/galleria/galleria_js/galleria-1.2.5.js

http://www.ofirgodoy.eu.pn/galleria/galleria_js/galleria.picasa.js

 

- Esse pedaço de scrip que regula a largura da descrição esta implementado aqui:

http://www.ofirgodoy.eu.pn/galleria/galleria_js/galleria.classic.js

 

Obrigadão mais uma vez pela atenção []

[William Bruno 1501]

use position: absolute; left: 50%; e margin-left negativo com metade da largura do objeto legenda.

[insiderman 0]

use position: absolute; left: 50%; e margin-left negativo com metade da largura do objeto legenda.

 

Não fuinciona já tentei isso :/

 

Quando a imagem muda o tamanho ou largura da mesma consequentemente muda tbm, o efeito é gritante qndo muda de uma imagem landscape pra uma portrait por isso a necessidade de se passar dinamicamente a posição para a descrição da imagem assim como é feita com a largura. A largura da descrição ta certinha mudando de acordo com o tamanho da imagem agora a posição q eu to aqui penando pra fazer

 

Continuo na pesquisa aqui.

 

Valew pela tentativa

 

[]

[insiderman 0]

Oi Bruno,

 

Resolvido... Eu estava errando na sintaxe.

 

Pode me dizer se está certo escrever assim ??

	this.bind(Galleria.IMAGE, function(e) {
    	this.$('info').width( e.imageTarget.width );
		this.$('info').css("margin-left", -e.imageTarget.width/2);
		this.$('info').css("left", "50%");
	});

 

O efeito ta funcionando mais ou menos ainda precisa de ajuste, mas por hora ficou bom.

 

Obrigado mais uma vez pode não ter dado a luz inteira mas uma lanterninha ajudou bastante rsrs

 

[]