JavaScript – Fullscreen galery – jQuery plugin | CodeCanyon

Fullscreen galery jQuery plugin his title this type of JavaScript/ImagesandMedia This time I will review,made by Grom1k, JavaScript/ImagesandMedia is sold at a price of $7 in themeforest.



fullscreen // gallery // responsive // touch //

FSGallery Features

The plugging is designed for convenient presentation of images for users of the site as a full screen picture.

• Gallery is adaptive and will display correctly on any device, be it a phone, map-case or any other PC .. (computer)


• You can change photo in many ways, you can control it by the arrows (left) and (right) on the PC, you can drag the mouse on photo to the left and to the right, you can simply click on the photo and will be switching to the next image.


• The gallery works on mobile devices and allows you to change the image with your finger on the screen (Touch).


• Gallery reduces photo to the right size, if they are more than the screen of the user.


• Gallery can also be closed by pressing the key (Esc) or by clicking on the gray space in the gallery and also on pressing on the cross in the gallery.


• If you are using a preview of the image as and the link goes to a large image loading system is implemented in the gallery for this image, it operates as follows. When you call the plug it will be (preload: 2), this means that if your gallery has 9 pictures and the user clicked on the 5th, the plugging will download the fifth picture and 2 on the left and the right, that is 5-2 and 5 +2 eventually plugging will load (3,4,5,6,7) pictures, it is very convenient and does not load the user’s traffic.

Plugin’s characteristics

• target: ‘img’ – establishes a selector for image retrieval unit in. If you need pictures with the attribute
  
  <img src=”…” alt=”…” rol=”gallery”> then (target: ‘img[rol=”gallery”]’)


• duration: 500 – sets the animation in milliseconds between each image


• loop: false – permits through the transition between photos. For example if the photo is 4 and you get to 4 and click on, it will display the 1st. photo and so on.


• preload: 2 – sets the number of loadable photo on the left and right


• fadeTimeImage: 1000 – sets the emerging of the image when it is loaded


• fadeTimeGallery: 500 – sets the time of the emerging of the gallery when it opened.

Related produck This user:Grom1k

More items by Grom1k