Forum PHP.pl

Hej mam taki kod:

[HTML] pobierz, plaintext 
jQuery(function(){
var heightelement = jQuery('.slides li').height();
jQuery('.metaslider .caption-wrap').height(heightelement);
});
[HTML] pobierz, plaintext 

Pobiera on wysokość elementu i wstawia do drugiego. Po zmianie szerokości ekranu (zwężenie okna przeglądarki) obrazek znajdujący się w .slides li pomniejsza się przez co .metaslider .caption-wrap też powinno - ale tak się nie dzieje. Chciałbym aby "na żywo" była pobierana wysokość elementu i wstawiana do tego drugiego. Rozwiązanie potrzebne do responsywności strony.

Ten post edytował gecior 17.01.2014, 14:47:19

a może by tak height: 100%?

Nie bardzo wiem do czego Ci tu jest potrzebny js. Większość tego typu rzeczy da się załatwić za pomocą css-a.
Wracając do twojego pytania, na poczatek sprawdz sobie co przekazuje twoja zmienna heightelement

[HTML] pobierz, plaintext 
console.log(heightelement);
[HTML] pobierz, plaintext 

Ten post edytował SaMi 17.01.2014, 15:24:47

Sprawdzaj sprawdzaj jak kolega pisał wyżej, ale trzymając się responsive, zacznij korzystać z rozmiarów podawanych procentowo. W innych przypadkach masz w jquery taki event jak resize:
http://api.jquery.com/resize/
Po zmianie wielkości przeglądarki, możesz ponownie zrobić podstawianie wartości

Dzięki panowie,

W sumie to racja przekombinowałem trochę, wystarczy height:100%;

Daimos,

Przez ciebie chciałem ubić tą mrówę/muchę, dobrze że już piątek...

Ten post edytował gecior 17.01.2014, 15:41:34