Witam,

Korzystam ze slidera jFlow (jQuery), ponieważ jest lekki i, przede wszystkim, może mieć zmienną szerokość. Obecnie mój kod wywołujący slider wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
$(function() {
	$("ol#controls").jFlow({
		slides: "#slides",
		width: "100%",
		height: "250px"
	});
});
[JAVASCRIPT] pobierz, plaintext 

Szerokość jest zmienna, ale wysokość niestety musi być podana w pikselach, w przeciwnym razie slider rozwala się w pionie, a zależy mi na tym, aby wysokość również była zmienna. Tutaj moje pytanie: Jak mogę sprawić, by wysokość stanowiła zawsze 16/9 szerokości? Proszę o pomoc.

Pozdrawiam serdecznie.

Pobierasz szerokość przeglądarki (document.body.clientWidth), obliczasz szerokość i gotowe

Dzięki za odpowiedź, nakierowałeś mnie na takie rozwiązanie:

[JAVASCRIPT] pobierz, plaintext 
$(function() {
	$("ol#controls").jFlow({
		slides: "#slides",
		width: "100%",
		height: $("#slides div").width()*0.5625
	});
});
[JAVASCRIPT] pobierz, plaintext 

Działa świetnie - prawie. Problem teraz polega na tym, że wysokość diva jest obliczana za każdym załadowaniem skryptu i jest wówczas już niezależna od szerokości okna przeglądarki (czyli dostaje np. te 400px i się tego trzyma tak długo, aż nie odświeżę). Jak mogę sprawić, aby robiło to automatycznie, kiedy zmniejszam/powiększam szerokość okna przeglądarki?

[JAVASCRIPT] pobierz, plaintext 
$(window).resize(function() {
  /* tu robisz co chcesz z wybranym elementem... */
});
[JAVASCRIPT] pobierz, plaintext 

Od teraz chyba sobie poradzisz

Witam ponownie,

Niestety, ale nie poradziłem sobie. Podjąłem wiele prób, próbując się posiłkować wiedzą zdobytą w Internecie, ale nic z tego. Wymyśliłem nawet coś takiego:

[JAVASCRIPT] pobierz, plaintext 
$(function() {
	$("ol#controls").jFlow({
		slides: "#slides",
		width: "100%",
		height: $("#slides div").resize(function() {
			$("#slides div").width()*0.5625
		})
	});
});
[JAVASCRIPT] pobierz, plaintext 

Nie dość, że nie przeskalowuje tego diva, to jeszcze nadaje mu jakąś dziwną wysokość, niemającą niczego wspólnego z zamierzonym efektem. Próbowałem również wyprowadzić funkcję resize poza funkcję jFlow, ale również mi się to nie udało. Ponownie proszę o pomoc, co zrobiłem źle?

Pozdrawiam.

Zobacz JAK sie używa resize Nie bez powodu dałem Ci ten kawałek tak. Masz wyłapać resize okna, a nie elementu i dopiero gdy to zrobisz - działać dalej. Używając pewnego tekstu z netu: "You are doing it WRONG"