Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Rozstawienie okna Fancybox
Stef@n
post 28.01.2011, 12:28:48
Post #1





Grupa: Zarejestrowani
Postów: 191
Pomógł: 3
Dołączył: 14.08.2003

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


Witam,
Poszukuje jakiejś opcji aby rozstawienie okna Fancybox było inne. Dokładnie chodzi o to aby okienko było wyśrodkowane tylko do prawego i lewego marginesu a od górnego odstęp np. 100px. Grzebałem trochę po CSS, ale za bardzo nie wychodziło całe założenie. No chyba że trzeba szukać w JavaScript?

Pozdrawiam
Go to the top of the page
+Quote Post
tehaha
post 28.01.2011, 12:46:40
Post #2





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

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


zmianę trzeba zrobić w js, ponieważ odstęp od górnej krawędzi jest wyliczany, otwórz plik js, w moim przypadku jest to: jquery.fancybox-1.3.1.js, i tam jest funkcja
  1. fancybox_get_zoom_to = function ()
przed samym
  1. return to;
wstaw
  1. to.top = 100;
czyli dokładniej tak:
  1. fancybox_get_zoom_to = function () {
  2. var view = fancybox_get_viewport(),
  3. to = {},
  4.  
  5. margin = currentOpts.margin,
  6. resize = currentOpts.autoScale,
  7.  
  8. horizontal_space = (shadow + margin) * 2,
  9. vertical_space = (shadow + margin) * 2,
  10. double_padding = (currentOpts.padding * 2),
  11.  
  12. ratio;
  13.  
  14. if (currentOpts.width.toString().indexOf('%') > -1) {
  15. to.width = ((view[0] * parseFloat(currentOpts.width)) / 100) - (shadow * 2) ;
  16. resize = false;
  17.  
  18. } else {
  19. to.width = currentOpts.width + double_padding;
  20. }
  21.  
  22. if (currentOpts.height.toString().indexOf('%') > -1) {
  23. to.height = ((view[1] * parseFloat(currentOpts.height)) / 100) - (shadow * 2);
  24. resize = false;
  25.  
  26. } else {
  27. to.height = currentOpts.height + double_padding;
  28. }
  29.  
  30. if (resize && (to.width > (view[0] - horizontal_space) || to.height > (view[1] - vertical_space))) {
  31. if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {
  32. horizontal_space += double_padding;
  33. vertical_space += double_padding;
  34.  
  35. ratio = Math.min(Math.min( view[0] - horizontal_space, currentOpts.width) / currentOpts.width, Math.min( view[1] - vertical_space, currentOpts.height) / currentOpts.height);
  36.  
  37. to.width = Math.round(ratio * (to.width - double_padding)) + double_padding;
  38. to.height = Math.round(ratio * (to.height - double_padding)) + double_padding;
  39.  
  40. } else {
  41. to.width = Math.min(to.width, (view[0] - horizontal_space));
  42. to.height = Math.min(to.height, (view[1] - vertical_space));
  43. }
  44. }
  45.  
  46. to.top = view[3] + ((view[1] - (to.height + (shadow * 2 ))) * 0.5);
  47. to.left = view[2] + ((view[0] - (to.width + (shadow * 2 ))) * 0.5);
  48.  
  49. if (currentOpts.autoScale === false) {
  50. to.top = Math.max(view[3] + margin, to.top);
  51. to.left = Math.max(view[2] + margin, to.left);
  52. }
  53. to.top = 100;
  54. return to;
  55. },
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: 26.04.2024 - 23:42