Üzenet # 1 | 21:19 2014.10.31
A Lightbox egy képmegjelenítő szkript, melynek segítségével Ajax-al megjeleníthetjük a kép oldalát a jelenlegi oldalon, anélkül, hogy frissítenénk az oldalt. A uCoz alapértelmezett Lightbox-ja így néz ki:



Módosíthatod az alapértelmezett uCoz Lightbox-ot a lentebb írt utasítások alapján, amennyiben elegendő JavaScript és CSS ismeretekkel rendelkezel. Amennyiben nem vagy biztos az ismereteidben, nem ajánljuk, hogy elvégezd a lenti utasításokat, és azt javasoljuk, használd a rendszer alapértelmezett beállításait.


Az alapértelmezett Lightbox paraméterek módosításához add hozzá ezt a kódot a honlap összes oldalának aljára:

Vezérlőpult → Külalak vezérlése → Globális blokkok → A honlap alsó része


Kód
<script type="text/javascript">     
$(document).ready(function(){     
$('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}});     
});     

function _bldCont1(id, indx) {     
idarray = 'allEntImgs' + id;     
imgar = [];     
for (var i=0;i<eval(idarray).length;i++) {     
imgar[i] = eval(idarray)[i][0];     
}     
$.fancybox(imgar,{index: indx, padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons: {}}});     
}     
</script>  


Ahol módosíthatod a következő tulajdonságokat:

  • padding - a kép köréül keletkezett fehér keret szélessége pixelben kifejezve;
  • preload - az előre betöltött képek száma;
  • closeEffect - az ablak bezárási effektusa (elastic, fade, none);
  • nextEffect, prevEffect - az előre/vissza navigálás effektusa (elastic, fade, none);
  • opacity - árnyékolás* átlátszósága. Beállítható: 0 (teljesen átlátszó) és 1 (átlátszatlan);
  • speedIn, speedOut - az árnyékolás* megjelenésének/eltűnésének időtartama ezredmásodpercekben.


Az árnyékolás* hátterének módosításához add hozzá a CSS-hez a következő sort:

Vezérlőpult → Külalak vezérlése → Stílusok táblázata (CSS)


Kód
#fancybox-overlay {background: #ff0000 !important;}


Ahol a #ff0000 értéket kell módosítanod bármilyen színkódra vagy kép-háttérre. Utóbbihoz a következő kódot kell használni: url('/kep.png').

További információk a Lightbox-ról (angolul) itt található.

* a keret háta mögött látható fekete háttér
Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.