samazināt bildi uz pusi

[aika]

taisu bildes priekšapskates fonkciju. (jQuery utt)

php pusē: <A class='preview' HREF='bilde_liela.jpg' title='virsraksts'>

$("a.preview").hover(function(e){
	this.t = this.title;
	this.title = "";	
	var c = (this.t != "") ? "<br/>" + this.t : "";
	$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
	$("#preview")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px")
		.fadeIn("slow");						
   },

1v. mēģināju no php puses iebarot platumu/2 kā mainīgo w: <A class='preview' HREF='bilde_liela.jpg' w='$PuseNoPlatuma' title='virsraksts'>

<img src='"+ this.href +"' width='" +this.w + "' ...

- nestrādā

2v. mēģināju javas pusē dabūt platumu:

this.width/2

- uzrāda kā undefined

mēģināju javas pusē lādēt bildi un dabūt platumu:

var newImg = new Image();

newImg.src = this.href;

var width = newImg.width/2; ...

... <img src='"+ this.href +"' width='" +width + "' ...

- beidzot strādā, taču sāka baigi bremzēt!

 

Jautājums - kāpēc nestrādāja 1 un 2 (ja jau this. kā noprotu ir bildes objekts) variants?

vai varbūt ir loģiskāki un ātrāki veidi?

[xPtv45z]

this.width strādās tikai tad, kad atbilstošajam elementam būs width="" uzlikts un to vērtību arī rādīs.

Ja vajag elementa pašreizējo platumu, tad lieto this.offsetWidth

[aika]

this.width strādās tikai tad, kad atbilstošajam elementam būs width="" uzlikts un to vērtību arī rādīs.

Ja vajag elementa pašreizējo platumu, tad lieto this.offsetWidth

nope - nestrādā ne this.offsetWidth, ne width parametra padošana no php puses

[indoom]

Pirmkārt, javascript nav java.

Otrkārt "this" tavā skriptā nav bildes objekts, bet anchors $('a.preview');

Un lai dabūtu lielumu no bildes, kas nav ielādējusies, protams, vispirms tad tā ir jāielādē ar to new Image();

Vai arī jānolasa no $('#preview > img'), ko appendo zem body, bet tad vispirms redzama būs lielā un tad samazināsies.

Ceturtkārt, funkcijas nenoslēdz ar komatu, bet ar ;

Edited December 15, 2009 by indoom