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

Lightview standard settings

All of these settings can be overwritten. Here i wwalk through every one of them. All default graphics placed in the amazon cloud services, to let the world use them.

Corner_TR

Top right corner.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/corner_top_right.png’

Corner_BL

Bottom left corner.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/corner_bottom_left.png’

Corner_BR

Bottom right corner.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/corner_bottom_right.png’

Corner_TL

Top left corner.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/corner_top_left.png’

loaderGfx

The loading gif, wich is shown when the large images is loading.
This graphic works closely with the loaderGfxRevolutionTime. Read about it here.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/ajax-loader_ny.png’

ArrowPrev

Arrow left.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/arrow_back.png’

ArrowNext

Arrow right.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/arrow_next.png’

InfoArrowUp

The small arrow wich apears over the infoarea if the information is too large. Note that the information need only be a single pixel higher than the designated information area for the arrow to apear. Use imageInformationHeight to ajust the height of the information area.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/infoarrow_up.gif’

Close

The close graphic.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/btn_close.png’

Play

The play graphic.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/btn_play.png’

Stop

The stop graphic, wich apears when the jQuery LightView is on auto play.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/btn_stop.png’

BlankImage

A blank gif.
Value: ‘http://jscripts.s3.co3.dk/Co3Gallery/x.gif’

TempThumb

This is currently not working due to performance issues. the point was to show a temporary graphic when the jQuery LightView was preloading the large images.
Value: null

loaderGfxRevolutionTime

This is the number of milisekunds the loaderGfx takes to update. If this is wrong, the loading graphic will be lacking or not running at all.
Value: 750

CloseOnBlockClick

Sæt til false hvis man ikke ønsker at brugeren skal kunne klikke på baggrunden for at lukke galleriet. Man kan også lukke galleriet ved at klikke på luk grafikken i right øverste hjørne, eller ved tryk på escape tasten.
Value: true

PlacePlayInside

Set to true if you you want the play button to be placed inside the LightView box.
Value: false

SideMargin

Desides how large the margin will be to the browsers edge.
Value: 25

PaddingTop

The distance from the image to the top of the gallerybox.
Value: 25

PaddingRight

The distance from the image to the right edge of the box.
Value: 25

PaddingBottom

The distance from the image to the bottom of the box.
Value: 25

PaddingLeft

The distance from the image to the left of the box.
Value: 25

ImageMarginTop

The distance from the image to the imagelist in the to of the jQuery LightView.
Is only used if the imagelist is on..
Value: 25

ImageMarginBottom

Desides the distance from the image to the information area in the bottom of the box.
Is only used when the information area is on.
Value: 10

resizeSpeed01

The speed with wich the LightView is opened.
Value: 400

resizeSpeed02

The speed with wich the Lightview resizes when changing images.
Value: 400

resizeSpeed03

The speed with wich the image is shown.
Value: 400

zIndex

the z-index of the LightView.
Value: 1000

blockOpacity

The opaciwy of the LightView’s background.
Value: 0.8

blockBgColor

The color of the Lightview’s background. Can be any css color.
Value: “black”

playSpeed

The time in miliseconds each image is shown when on auto play.
Value: 4000

useKeyboardShortcuts

Set to false if you don’t want the user to be able to use her keyboard with the jQuery LightView.
Following keys is supported:
Arrow left (Scroll back in the images)
Arrow left (Numpad)
Arrow right (Scroll forward in the images)
Arrow right (Numpad)
Page up (Scroll back in the images)
Page down (Scroll forward in the images)
Plus (Scroll forward in the images)
Minus (Scroll back in the images)
Escape (Closes the jQuery LightView)
Backspace (Stops the auto play)
Space (Starts and stops auto play)
Enter (Starts and stops auto play)
End (Go to the last image)
Home (Go to the first image)
Value: true

showImageList

Set to true if the imagelist in the top is to be displayed.
Value: false

imageListHeight

The height of the imagelist.
Value: 60

imageListImageMargin

The margin of the images in the imagelist.
Value: 5

imageListChosenBorderColor

The color of the border of the chosen image in the imagelist.
Value: ‘#000000′

imageListChosenBorderWidth

The thickness of the border of the chosen image in the imagelist.
Value: 1

imageListChosenMarginWidth

The margin from the chosen image to its border in the imagelist.
Value: 2

imageInformationHeight

The height of the information area in the bottom.
Value: 85

imageInformationTemplate

The template that is used in the information area. The LightView replaces words in [] with information about or of the image.
as default the following information is at displosal:
[width] (Only IE)
[height] (Only IE)
[imagesize] (Only IE)
[imagenumber]
[numberofimages]
In addition these attributes can be drawn from the imagetags:
[header]
[description]
[href]
You can easily expand with more attributes wich can be used i your template. Value:
'
[header]
[description]
Størrelse: [width] x [height] og [imagesize] KB
Billede [imagenumber] af [numberofimages]
Download billedet'

onClosed

The event fired when the LightView has been closed.
Value: null

onOpen

The event fired just before the gallery is opened.
Value: null

onOpened

The event fires when the gallery has been opened.
Value: null

Dansk version