Oprogramowanie które sprawia że tworzenie stron internetowych staje się przyjemością
Otwarcie Obrazka lub odnośnika w Fancybox
Na początek zwykły obrazek

Obrazek otworzy się w ramce i nic na to nie poradzimy gdyż na sztywno jest wysyłany skrypt na stronę.

<script>
function displaylightbox(url, options)
{
   options.padding = 0;
   options.autoScale = true;
   options.href = url;
   options.type = 'iframe';
   $.fancybox(options);
}
</script>

<script>
function displaylightbox(url, options)
{
  
//options.padding = 0;
   options.autoScale = true;
   options.href = url;
 
//options.type = 'iframe';
   $.fancybox(options);
}
</script>

Już samo to będzie powodować że obrazek otworzy się jako image, ale dla "zasady" dodajmy w ustawieniach (Właściwości>Łacza>Ustawienia)-w otwartym oknie wklejamy:
'type':'image'
Musimy wyłączyć otwieranie w ramce oraz przy okazji dodajmy ramkę dla obrazka wyłączając padding (domyślnie będzie teraz 10px)
najprościej:
Wygląd po zmianach
'type':'image',
'transitionIn':'elastic',
'transitionOut':'swing',
'speedIn':800,
'speedOut':400,
'padding':20,
'overlayShow':true,
'showCloseButton':true,
'overlayColor':'#878787',
'titleShow':true,
'titlePosition':'outside',
'titleFormat':'formatTitle',
'title':'TytułObrazka'
Możemy w oknie Ustawienia dodać inne atrybuty na podstawie API dla wersji 1.3+
np:




Otwarcie odnośnika w Fancybox
I tu zastosowano zasady jak powyżej czyli w oknie Opcje wklejono:
'type':'image',,
'transitionIn':'elastic',
'transitionOut':'swing',
'speedIn':600,
'speedOut':200,
'overlayShow':true,
'showCloseButton':true,
'overlayColor':'#878787',
'titleShow':true,
'titlePosition':'inside',
'titleFormat':'formatTitle',
'title':'Kwiatek1'
W przykładzie (2)  mieniono tylko sposów wyświetlania tytułu z "outside" na "insde" i dla pierwszego odnośnika tekstowego ustawiono atrybut "type" na 'type':'iframe',

Otwarcie Html w Fancybox
Obrazek jako odnośnik (ramka)
Tekst jako odnośnik (inline)
'type':'iframe',
'height':'70%',
'width':'70%',
'transitionIn':'elastic',
'transitionOut':'swing',
'speedIn':600,
'speedOut':200,
'overlayShow':true,
'showCloseButton':true,
'overlayColor':'#878787',
'titleShow':true,
'titlePosition':'inside',
'titleFormat':'formatTitle',
'title':'Przykład1-Iframe'
'type':'inline',
'transitionIn':'elastic',
'transitionOut':'swing',
'speedIn':600,
'speedOut':200,
'overlayShow':true,
'showCloseButton':true,
'overlayColor':'#878787',
'titleShow':true,
'titlePosition':'inside',
'titleFormat':'formatTitle',
'title':'Przykład2-inline'



Otwarcie PDF w Fancybox (iframe)
'type':'iframe',
'height':'90%',
'width':'70%',
'transitionIn':'elastic',
'transitionOut':'swing',
'speedIn':400,
'speedOut':400,
'overlayShow':true,
'showCloseButton':true,
'overlayColor':'#878787',
'titleShow':true,
'titlePosition':'inside',
'titleFormat':'formatTitle',
'title':'Lihgtbox-PDF&nbsp;w&nbsp;Iframe'
Ustawienienie otwarcia obrazka (lub odnośnika tekstowego) w lightbox (lub magnific popup)
Na razie w oknie Setings nic nie jest dodane
Pobożne życzenie do Pabla
Czy nie można by było dodac opcji aby chociaż  type = 'iframe' oraz padding = 0 nie były wysyłane/dodawane do strony, czyli żeby była mozliwość wyłączenia i nie zachodziła konieczność upierdliwej edycji w Notepad po publikacji strony.
Nie ukrywamy że dodanie takiej opcji "bardzo umiliło by nam życie"

Chyba że taka opcja istnieje lub jest inny sposób uzyskania takiej funkcjonalności a ja o tym nie wiem.


Dzięki

Normal (ramka)
Możliwe o ile przeglądarka potrafi sama otworzyć plik pdf i  nie jest zablokowane w ustawieniach przegladarki otwieranie pdf-a. Firefox ma chyba  z "urzędu" ustawione otwieranie pdf.

Przykład wyświetlenie tytułu pod obrazkiem
'type':'image',
'transitionIn':'elastic',
'transitionOut':'swing',
'speedIn':800,
'speedOut':400,
'padding':20,
'overlayShow':true,
'showCloseButton':true,
'titleShow':true,
'titleFormat':'formatTitle',
'title':'Przykład&nbsp;wyświetlania&nbsp;podpisu&nbsp;na&nbsp;dole'
Free access
Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017