Thickbox - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Thickbox

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Thickbox

Pages: [1]

geschrieben von phonoline am 19.02.2007 - 20:07

Benutzt irgendjemand Thickbox auf seiner Seite und hat Schwierigkeiten mit der Resize-Funktion von Images bei kleinerer Bildschirmauflösung?

Wenn manauf http://www.bsights.de/referenzen.html#phono geht und auf die Bilder klickt - am besten bei 1024x768 Auflösung, mit FF oder IE -, dann müsste das Problem zu erkennen sein. In Opera ist alles fein, aber in den anderen Browsern werden die Bilder "verzerrt", also schlecht skaliert, jedenfalls bei mir.

geschrieben von weisnix am 19.02.2007 - 23:34

Es fehlen halt beim FF und IE beim Container in der Höhe ca. 3pix. Dafür wird das Bild etwas gedrückt.

An was das jetzt genau liegt

Vielleicht sollten die CSS-Angaben für den Text unter dem Bild genauer sein.

geschrieben von phonoline am 20.02.2007 - 18:30

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22:

// Resizing large images
			var pagesize = TB_getPageSize();
			var x = pagesize[0] - 150;
			var y = pagesize[1] - 150;
			var imageWidth = imgPreloader.width;
			var imageHeight = imgPreloader.height;
			if (imageWidth > x) {
				imageHeight = imageHeight * (x / imageWidth); 
				imageWidth = x; 
				if (imageHeight > y) { 
					imageWidth = imageWidth * (y / imageHeight); 
					imageHeight = y; 
				}
			} else if (imageHeight > y) { 
				imageWidth = imageWidth * (y / imageHeight); 
				imageHeight = y; 
				if (imageWidth > x) { 
					imageHeight = imageHeight * (x / imageWidth); 
					imageWidth = x;
				}
			}
			// End Resizing

Ich habe die roten Werte auf 120 bzw. 70 runtergeschraubt in der thickbox.js, jetzt klappts. Ärgerlich nur, dass einige Bilder jetzt wesentlich zu groß sind.

Ich verstehe einfach nicht, warum in Opera das Resizing optimal und ganz smooth verläuft und in IE und Firefox nicht. Wie interpretieren diese Browser das, und warum so unterschiedlich?