πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

kGallery is an easy-to-use jQuery plugin that enables you to create a clean photo gallery with thumbnails preview and some controls.

Carousel json Thumbnail

Documentation

#JavaScript gallery which can efficiently work with hundreds of photos.

kGallery is a gallery written on JavaScript using jQuery library.

Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

Nearest analog is dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), however kGallery do not need to download dozens of JavaScript files with megabytes of code of dojo library.

kGallery includes kSlideshow and kThumbnailPicker componnents, which can used independently.

####Examples of usage:

  1. Typical usage http://kopolo.ru/for_webmasters/kgallery/example_typical.html
  2. Slideshow only http://kopolo.ru/for_webmasters/kgallery/example_slideshow_only.html
  3. Thumbnails only http://kopolo.ru/for_webmasters/kgallery/example_thumbnails_only.html
  4. Gallery with vertical previews http://kopolo.ru/for_webmasters/kgallery/example_vertical.html

Array as data source:

  1. Typical usage http://kopolo.ru/for_webmasters/kgallery/example_typical_array.html
  2. Slideshow only http://kopolo.ru/for_webmasters/kgallery/example_slideshow_only_array.html
  3. Thumbnails only http://kopolo.ru/for_webmasters/kgallery/example_thumbnails_only_array.html

One real life example: http://foto-dv.ru/en/

Documentation is coming soon. Now you can check all parameters in "defaults" object of every componnent, all variables and methods are well commented.

##По русски (in Russian)

JavaScript галСрСя, которая ΠΌΠΎΠΆΠ΅Ρ‚ эффСктивно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сотнями Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ

kGallery - это галСрСя написанная Π½Π° JavaScript с использованиСм Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ jQuery.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ kGallery Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ галСрСя ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с сотнями ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π»ΠΈΠ±ΠΎ с большими изобраТСниями. Π­Ρ„Ρ„Π΅ΠΊΡ‚ достигаСтся Π·Π° счСт Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ список ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΈΡ… ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ΡΡ ΠΈΠ· внСшнСго источника Π² Π²ΠΈΠ΄Π΅ JSON ΠΈΠ»ΠΈ XML, изобраТСния Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ Π½Π΅ всС сразу, Π° постСпСнно, ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ воспроизвСдСния ΡΠ»Π°ΠΉΠ΄ΡˆΠΎΡƒ.

Π‘Π»ΠΈΠΆΠ°ΠΉΡˆΠΈΠΉ Π°Π½Π°Π»ΠΎΠ³ dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), ΠΎΠ΄Π½Π°ΠΊΠΎ kGallery Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ сайту ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ‚ΠΎΠ² ΠΊΠΎΠ΄Π° Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ dojo ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ настраиваСтся.

kGallery Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ kSlideshow ΠΈ kThumbnailPicker, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Ρ‹ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

##Donate / help I don't ask for a donation, but you can join me on the Linked in and endorse my JavaScript skill if you find this gallery useful: https://nz.linkedin.com/pub/andrei-kondratev/51/445/635


You May Also Like