Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Parametry dla FANCYBOX zależne od rozdzielczości ekranu?
Forum PHP.pl > Forum > Po stronie przeglądarki
luis2luis
Witam.

Mam pewien problem.

Potrzebował bym, żeby dla ekranu poniżej 700px generowana była inna wielkosc okienka niż dla urządzeń o większej rozdzielczości.
Używam skryptu: FANCYBOX 2.0.

  1.  
  2.  
  3. $("a[rel=popup_iframe_med], input[rel=popup_iframe_med]").fancybox({
  4. 'width' : 700,
  5. 'height' : '80%',
  6. 'fitToView' : false,
  7. 'autoSize' : false,
  8. 'overlayColor' : '#000',
  9. 'autoScale' : false,
  10. 'transitionIn' : 'none',
  11. 'transitionOut' : 'none',
  12. 'type' : 'iframe',
  13. 'enableEscapeButton': 'true',
  14. 'padding' : 0
  15. });
  16.  
  17. $("a[rel=popup_iframe_100procent], input[rel=popup_iframe_100procent]").fancybox({
  18. 'width' : '100%',
  19. 'fitToView' : false,
  20. 'autoSize' : false,
  21. 'margin' : 0,
  22. 'height' : '100%',
  23. 'overlayColor' : '#000',
  24. 'autoScale' : false,
  25. 'transitionIn' : 'none',
  26. 'transitionOut' : 'none',
  27. 'type' : 'iframe',
  28. 'enableEscapeButton': 'true',
  29. fitToView: true,
  30. scrolling: 'hidden',
  31. 'padding' : 0,
  32. 'margin' : 0
  33. });



Tutaj mam dwa sposoby wywołania funkcji, chciałbym żeby parametr WIDTH i HEIGHT zmianiał się zależnie od rozdzielczości ekranu. Poniżej 700px żeby było to po 100%, dla większych okien inna wartość np 900px. Jak można to rozwiązać?
trueblue
Zrobić jedno wywołanie, wstawić wartości parametru width i height zależne od rozmiarów okna.

'width': $(window).width()<700?'100%':900
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.