Scattered Photo Gallery – JavaScript / jQuery
9.00 € – 39.00 €
Available commercial licenses:
SingleLimited to 1 project9.00 €
ExtendedUnlimited projects39.00 €
App info
AUTHOR: Dimitar Hristov
CATEGORY: Apps :: JavaScript and jQuery
FILE ID: 5703
LICENSE: Apps
DELIVERY INFO: Via download
Description
Current Version 1.25Scattered Photo Gallery by <54ka> creates a Flat or 3D gallery of scattered pictures, with many and easy ways to modify.
Live preview / Examples
Possible variants for customizing the Scattered Photo 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 Example-016
Preloading in other html element: Fullscreen or only Gallery
Example-017 Example-018 Example-019
Features
Scattered Photo 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.
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
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)
License
Scattered Photo 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 jQuery jquery-2.2.4 and ffka-sc-photo.css
<html>
<head>
<link rel="stylesheet" href="ffka-sc-photo.css" type="text/css">
<script src="jquery-2.2.4.min.js"></script>
</head>
<body>
2. Add Images in DIV with id="ffka_sc_wrap"
<div id="ffka_sc_wrap">
<img src="001.jpg" alt="add picture info here...">
<img src="002.jpg" alt="">
<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! :)
To learn how to modify a preloader please see the Examples section