Scattered Photo and Video Gallery by 54ka

Scattered Photo and Video Gallery by <54ka> creates a Flat or 3D gallery of scattered pictures and videos, with many and easy ways to modify.

Features

Scattered Photo and Video Gallery it's Compatible with Responsive design and is extremely easy to visually modify and use. Through it, you can create both static HTML and be integrated into dynamically generated content.
Try it! Click on the images for example!

Police officers riding horses on the beach

Zorba The Greek - Ballet by Mikis Theodorakis

The Battle of Dobrich 1916 – World War I

Images
Modify photos in gallery

Displayed Horizontal and Vertical shots
Determine size on the long side
Easily create a Polaroid gallery
Image border control
Control of shadow intensity

Scattered
Choose between two types of scattering

Internally
Externally

Navigation
Show or Hide navigation dots
Flat and 3D
Choice between Flat and 3D Scattered gallery

Flat Scattered / Flat Straight
3D Scattered / 3D Straight

Screen
Choosing a way to visualize

View Full Screen in the browser
You can restrict the gallery only within part of the screen

Photo info
Control of visualized text information - on/off

Text box overlay the photo
Text box below the photo
Text field under the photo (Polaroid type)

Examples

Possible variants for customizing the Scattered Photo and Video Gallery are many and different.
Check out some examples below.

Scattered: Internally / Diferent Border Example-001 Example-002 Example-003

Scattered: Externally Example-004

Flat Straight / 3D Scattered / 3D Straight Example-005 Example-006 Example-007

Disable Photo info / Text box overlay / Polaroid / Below the photo Example-008 Example-009 Example-010 Example-011

Wrap in other html element: Internally / Externally Example-012 Example-013

Control where you want to show selected image Example-014 Example-015

Loading in other html element Example-016

License

Scattered Photo and Video Gallery by 54ka is licensed under the [GPLv3] license for all open source applications. A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).

How to use

1. Add CSS: ffka-sc-photo.css

<html>
<head>

   <link rel="stylesheet" href="ffka-sc-photo.css" type="text/css">

</head>
<body>

2. Add Images in DIV with id="ffka_sc_wrap"
    (src - Image file path / alt - Info text / srcset - YouTube or Vimeo embed link)

<div id="ffka_sc_wrap">
  
   <img src="001.jpg" alt="add info here..." srcset="add YouTube or Vimeo embed link here">
  
   <img src="002.jpg" srcset="add YouTube or Vimeo embed link here">
  
   <img src="003.jpg" >
</div>

3. Add ffka-sc-photo.js аt the bottom of the page

<script src="ffka-sc-photo.js" type="text/javascript"></script>

</body>
</html>

4. That's it... Enjoy! :)

Licenses / Download
Scattered Photo and Video Gallery

Scattered Photo and Video Gallery is licensed under the GPLv3 license for all open source applications. A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).

NonCommercial
for personal website
Just add link to this website
FREE

DOWNLOAD .rar
DOWNLOAD .zip
Single
Commercial license

Limited to 1 project
€19

BUY NOW
Extended
Commercial license

Unlimited projects
€79

BUY NOW

The package contains: Version 2.48
Last update: 8 May 2021
JavaScrip / CSS / Html / Images / Unpacked Size: 461 KB