Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Fancybox - iframe wysokość
bahh
post 15.05.2012, 12:14:21
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Witam

Używam ostatnio skryptu fancybox (fancybox.net) a konkretnie przykładu z iframe.
Jak uzyskać przy iframe wysokość dopasowującą się do treści okna (żeby nie było suwaka)?

Mój kod:
  1. $(".various5").fancybox({
  2. 'width' : 600,
  3. 'autoDimensions' : 'true',
  4. 'transitionIn' : 'none',
  5. 'transitionOut' : 'none',
  6. 'type' : 'iframe'
  7. });


Mimo wszystko wartość wysokości domyślnie dla iframe jest ustawiona na 340

Pozdrawiam
Go to the top of the page
+Quote Post
Lorum3
post 15.05.2012, 12:22:37
Post #2





Grupa: Zarejestrowani
Postów: 86
Pomógł: 5
Dołączył: 10.12.2011
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Pewnie,

  1. height: auto


:- )
Go to the top of the page
+Quote Post
bahh
post 15.05.2012, 13:09:14
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Nie działa, wtedy wysokość robi się na 10px i nie ma w oknie żadnej widocznej treści
Go to the top of the page
+Quote Post
Tajgeer
post 15.05.2012, 18:31:55
Post #4





Grupa: Zarejestrowani
Postów: 290
Pomógł: 48
Dołączył: 11.05.2008
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Spróbuj skorzystać z metody .height()

Ten post edytował Tajgeer 15.05.2012, 18:32:51
Go to the top of the page
+Quote Post
bahh
post 15.05.2012, 20:44:40
Post #5





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Tzn? Mógłbyś dokładniej opisać?
Go to the top of the page
+Quote Post
Tajgeer
post 15.05.2012, 20:47:08
Post #6





Grupa: Zarejestrowani
Postów: 290
Pomógł: 48
Dołączył: 11.05.2008
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Wykorzystaj zdarzenie onComplete i skorzystaj z jednej z funkcji Fancyboxa, która wg. manuala powinna powodować, że okno dostosuje się do rozmiaru wyświetlanego dokumentu.
  1. onComplete: function()
  2. {
  3. $.fancybox.resize();
  4. }


Ten post edytował Tajgeer 15.05.2012, 20:53:43
Go to the top of the page
+Quote Post
markonix
post 15.05.2012, 22:31:30
Post #7





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----


Cytat(Lorum3 @ 15.05.2012, 13:22:37 ) *
Pewnie,

  1. height: auto


:- )


Jeśli już to raczej
  1. height: 'auto'

Auto to nie INT.

Ten post edytował markonix 15.05.2012, 22:31:48


--------------------
Go to the top of the page
+Quote Post
Lorum3
post 15.05.2012, 23:55:03
Post #8





Grupa: Zarejestrowani
Postów: 86
Pomógł: 5
Dołączył: 10.12.2011
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Cytat(markonix @ 15.05.2012, 23:31:30 ) *
Jeśli już to raczej
  1. height: 'auto'

Auto to nie INT.


To też miałem na myśli, a dokładniej dopisanie tego do fragmentu z pierwszego postu.
Go to the top of the page
+Quote Post
bahh
post 17.05.2012, 10:42:27
Post #9





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Dzięki za pomoc, rozwiązanie znalazłem na tej stronie:

http://www.ianhoar.com/2011/08/25/jquery-a...frame-lightbox/

Pozdrawiam
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:44