Rune Grønkjærs Blog
Abonnér på mit feed

jQuery Image Viewer standard settings

Generelle instillinger

loopImages

Sæt til false hvis du ikke ønsker at billederne skal køre i ring.
type: bool
Værdi: true

padding

Den padding der skal være inde i Image Viewer. Sættes den til nul vil hjørnerne blive helt kantede.
type: padding værdi
Værdi: ’10px’

ajaxLoaderGFX

Link til ajax loaderens grafik
type: grafik
Værdi: ‘http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/ajax-loader.gif’

ajaxLoaderWidth

Bredden på den valgte ajax grafik.
type: bredde værdi
Værdi: ’32px’

ajaxLoaderHeight

Højden på den valgte ajax grafik.
type: højde værdi
Værdi: ’32px’

arrowSpeed

Hastigheden på frem/tilbage pilenes ind og ud animationer.
type: millisekunder
Værdi: 200

arrowOffset

Den afstand frem/tilbage pilene skal animere ind fra kanten af Image Viewer
type: afstand
Værdi: 10

next_background

Baggrunden på frem knappen.
type: background værdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/next.png)’

nextWidth

Bredden på frem knappen.
type: bredde
Værdi: 30

nextHeight

Højden på frem knappen.
type: højde
Værdi: 30

prev_background

Baggrunden på tilbage knappen.
type: background værdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/prev.png)’

prevWidth

Bredden på tilbage knappen.
type: bredde
Værdi: 30

prevHeight

Højden på tilbage knappen.
type: højde
Værdi: 30

close_background

Baggrunden på luk knappen.
type: background værdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/close.png)’

closeWidth

Bredden på luk knappen.
type: bredde
Værdi: 20

closeHeight

Højden på luk knappen.
type: højde
Værdi: 20

closeTopOffset

Luk knappens afstand til toppen.
type: afstand
Værdi: 5

closeRightOffset

Luk knappens afstand til højre side.
type: afstand
Værdi: 5

Baggrunds instillinger

background

Baggrunden på selve Image Viewer. Er kun testet med farver, men skal i teorien også kunne være grafikker. Bliver dog svært da baggrunden deles mellem mange forskellige elementer.
type: baggrundsværdi
Værdi: ‘#fff’

cornerGraphicSize

Højde og bredde på hjørnegrafikkerne. Læg mærke til at de er større end selve paddingen. Dette gøres for at lade dem overlappe med baggrunden, så der ikke kommer huller under animationerne.
type: bredde/højde
Værdi: ’20px’

cornerSize

Den placering baggrunden skal have i forhold til hjørnerne. Skal være den samme eller mindre end cornerGraphicSize.
type: bredde/højde
Værdi: 10

corner_bl_background

Baggrunden på venstre bund hjørne.
type: baggrundsværdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/Corner_BL.png)’

corner_br_background

Baggrunden på højre bund hjørne.
type: baggrundsværdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/Corner_BR.png)’

corner_tl_background

Baggrunden på venstre top hjørne.
type: baggrundsværdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/Corner_TL.png)’

corner_tr_background

Baggrunden på højre top hjørne.
type: baggrundsværdi
Værdi: ‘url(http://jscripts.teasolutions.dk/plugins/rg.jQuery.imageViewer/gfx/Corner_TR.png)’

jQuery Modal Window settings

backgroundOpacity

Gennemsigtigheden af madpapiret bag jQuery Image Viewer.
type: gennemsigtighedsværdi
Værdi: 0.7

backgroundBackground

Baggrunden på madpapiret bag jQuery Image Viewer.
type: baggrundsværdi
Værdi: ‘#000′

noBackground

Sæt til true hvis der ikke skal være madpapir bag jQuery Image Viewer.
type: baggrundsværdi
Værdi: false

minDistanceToBrowserEdge

jQuery Image Viewerens margin til browserens kant.
type: afstand
Værdi: 20

zIndex

jQuery Image Viewerens zIndex.
type: zIndex værdi
Værdi: 999

animateTime

Den tid der benyttes til de forskellige animationer. Nogle steder bliver den halveret.
type: Millisekunder
Værdi: 750

closeOnBlockClick

Skal jQuery Image Viewer lukke når man klikker på madpapiret.
type: bool
Værdi: true

fixedTop

En statisk afstand jQuery Image Viewer får til toppen af browserkanten. Sættes den til null vil jQuery Image Viewer blive centreret midt i vinduet.
type: null eller en afstand
Værdi: null

fixedLeft

En statisk afstand jQuery Image Viewer får til venstre side af browserkanten. Sættes den til null vil jQuery Image Viewer blive centreret midt i vinduet.
type: null eller en afstand
Værdi: null

onOpen

Den event der fyres når jQuery Image Viewer skal til at åbne. Funktion får sendt Modal Window Controlleren med som parameter. På den kan man trække følgende informationer:
  • mwc.settings – De settings der ligger til grund for Modal Window’et
  • mwc.blockID – Det unikke ID Modal Window blocken har fået
  • mwc.modal – Modal vinduets jQuery object reference
  • mwc.modalContent – Modal vinduets indholds jQuery object reference. I dette tilfælde jQuery Image Viewer
  • mwc.block – Blocken, som indeholder madpapir og jQuery Image Viewer
  • mwc.background – Blocken bag jQuery Image Viewer (Madpapiret)
type: function
Værdi: function (mwc) { }

onOpened

Den event der fyres når jQuery Image Viewer har åbnet. Funktion får sendt Modal Window Controlleren med som parameter. Se under onOpen for at læse om hvad du kan bruge Modal Window Controlleren til. type: function
Værdi: function (mwc) { }

onClose

Den event der fyres når jQuery Image Viewer skal til at lukke. Funktion får sendt Modal Window Controlleren med som parameter. Se under onOpen for at læse om hvad du kan bruge Modal Window Controlleren til. type: function
Værdi: function (mwc) { }

onClosed

Den event der fyres når jQuery Image Viewer har lukket. Funktion får sendt Modal Window Controlleren med som parameter. Se under onOpen for at læse om hvad du kan bruge Modal Window Controlleren til. type: function
Værdi: function (mwc) { }

onModalResize

Den event der fyres når jQuery Image Viewer skal til at ændre størrelse. Skal være null hvis man ikke ønsker at benytte muligheden. Sendes noget med skal man selv stå for at få resized Modal Window. Funktion får sendt Modal Window Controlleren med som parameter. Se under onOpen for at læse om hvad du kan bruge Modal Window Controlleren til. type: null eller function
Værdi: null

onModalResized

Den event der fyres når jQuery Image Viewer har ændret størrelse. Funktion får sendt Modal Window Controlleren med som parameter. Se under onOpen for at læse om hvad du kan bruge Modal Window Controlleren til. type: null eller function
Værdi: null
English version