Best JavaScript & jQuery Media Code Snippets

1. Gridzy 

View Details

Gridzy.js is a justified gallery, that is built for HTML beginners as well as for power users. The basic usage is incredibly simple and can be learned within a few seconds. But the real power of Gridzy.js is its flexibility. You can use your very own semantic HTML and can style the gallery as you like. The built-in filter system and the API allow a very dynamic use.

2. Eagle Gallery 

 

View Details

Eagle Gallery this is modern gallery with image zoom functionality. To manage the gallery you can use gestures or control buttons. This is a fully responsive gallery which has support touch screen and was created for mobile devices, laptops and desktops. With this gallery you can easily create a product gallery on your internet shop for detailed view and customize it with help of options.

3. Lollipop 2.0- Image Editor 

View Details

Lollipop 2.0 is the perfect image editing HTML5 app for quick and straight forward editing.

Just send your questions or problems through the form on the support page or by comments.

 

Features

·         Crop | Crop photos with the new cropping tool.

·         Social Share | Share photos on social media.

·         Export | Export photos with different dimensions.

·         Portfolio | Original portfolio responsive theme included (Bootstrap 4.x)

·         Responsive | This app is responsive and mobile friendly.

·         Gallery | Import images from gallery.

·         Drag and Drop | Loads dropped images and URLs

·         URL | Lollipop can also load images via URL (local to your server or external).

·         Webcam | Take photos from webcam.

·         Easy to integrate | Setting up Lollipop is a matter of adding some javascript code to your project, and you’re ready to edit and upload images.

·         90+ Filters | 16 Filters + 7 Guest Filters (Instagram) from filters section, and 70+ filters from package section.

·         Real-Time Filters | Lollipop’s filters are shown real-time while you take a photo with your webcam.

·         Swiping | Move to next or previous filter by swiping.

·         Adjustment tools | Brightness, Contrast, Saturation, Noise, Sharpen, Blur, Circle Blur, Vignette, Effects, Customize RGB… to enhance your images to perfection with ease.

·         Transform tools | Transfrom photos with our rotating and flipping tool.

·         Overlay effects | Apply frames and textures to photos.

·         PHP Helper Class | Handy PHP helper class included. This makes it easy for you to upload an image to the server and to get it.

4. Panoramic

View Details

Panoramic is a jQuery plugin for view and rotation Google Street View panorams.

Feature list

·         Many settings

·         Responsive panoramas

·         Support Retina display

·         Multiple panoramas on One page

·         Support mobile device

·         Using custom 360° photos

·         Cross Browser Compatible

·         Full screen mode

·         Easy to Use

·         Well documented

·         BONUS: 20 background patterns

·         BONUS: Lite version (without using jQuery)

5. Moon Mega Gridplus Grand Pack

View Details

Create your unique artistic spectacular gallery for your photos with variety of beautiful animated hover effects, using templates and examples, color schemes, svg and canvas photo filters and other tools!

Feature list

·         the greatest set of galleries in the web

·         ready to use

·         easy to start

·         100% customizable

·         a lot of settings and color-schemes

·         spectacular animation

·         beautiful unique design

·         greyscale and sepia effects

·         mouse hover effect simulation for mobile devices

·         separated code for every template (coffeescript/javascript, less/css)

·         more than 150 well-commented examples

·         5 stars support

·         under the hood: the most powerful program for gallery creation

6. XPANDA

View Details

XPANDA – Responsive Gallery Content Expander Plugin is a jQuery Plugin that enables a user to expand the teaser item or thumbnail image to expand content related to the image. This plugin is built for all sorts of content types such as meet the team pages, image galleries, business services and creative portfolios.The Flexbox CSS property has been incorporated, which enables a more efficient and fluid way of laying out, aligning and distributing space among the items. Flex values of thumbnail images are automatically calculated and applied, keeping the aspect ratios and will never crop the images no matter the dimensions.Easily adjust the number of items per row for each breakpoint you specify and their vertical and horizontal spacing. Choose if you want to display a Call-To-Action, enable the lazyloader, enable auto-scrolling to the expanded item, and many more.

7. Smart ImageTooltip

View Details

Smart Image Tooltip is easy to use and setup plugin that can show images as tooltips for thumbnails or normal links. Plugin requires proper structure for the HTML used, and it supports adding all sorts of extra data that can be displayed inside the tooltip. Tooltip can be styled using CSS and it supports template for rendering. Plugin supports mobile/touch based devices to open tooltip on hover or click depending on the device or the plugin settings. There are many other settings to control plugin available. Plugin needs to be applied to one or more link or any other element (link with thumbnail). Tooltip/preview will be populated by various data generated from target element. Plugin is tested with current Android browsers, iPhone and iPad Safari and Chrome, all modern desktop browsers. It requires JavaScript and jQuery support to work.

8. ResponsiveGrid Gallery

View Details

Responsive Grid Gallery is a modern and easy customizable grid gallery. It’s made with Responsive design, Lightbox Zoom effect, Images Filter and Awesome hover effect. It’s solution for creating beautiful portfolio gallery with category filter navigation without customize any javascript code. It has multiple Styles and lots of customization options that can be easily integrated to any website.

Features:

·         Grid Image Gallery

·         Unlimited Image Grid

·         Horizontal Grid Gallery

·         Vertical Grid Gallery

·         Fully Responsive Grid

·         FancyBox Zoom Effects

·         Amazing Hover Effects

·         Images Category Filter

·         Pre-Images Loader

·         Social Shear Icon

·         Images Title Hover

·         Awesome Unique Look

·         Cross Browser Optimization

·         Font Awesome Icons

·         SEO Friendly Coding

·         Valid HTML5 & CSS3

·         Easy to Setup

9. RasterPro 

View Details

RasterPro is a Javascript plugin that generates high-quality halftone images right on a web page. It provides most popular halftone patterns, standard raster settings, output resolution control, color randomization and even some image processing.
RasterPro is responsive, fast and lightweight solution based on HTML5 Canvas. So, it will fit any web page.

Features

·         Works everywhere.
Supports all browsers and platforms.

·         11 basic patterns.
Each pattern can be inverted. It gives a total of 22 unique patterns.

·         Responsive.
3 scaling modes: “cover”, “fit” and “none”.

·         Lightweight.
Vanilla JavaScript, no dependencies.

·         Fast.
Based on HTML5 Canvas, doesn’t affect DOM.

·         Standard raster settings.
Define pattern, dot size and color, raster angle and much more.

·         Advanced color randomization.
Randomize dot color both globally and per RGB-component.

·         Image processing.
Change brightness & contrast, invert image.

·         Output resolution control.
Define output image size specifying width or height or both.

·         Multiple instance support.
Create 2 or more halftones on one page.

·         Many use cases.
Halftone JS plugin. Halftone image generator. Сreative effects tool. Сolor matching tool. Abstract background generator.

·         Saves traffic.
Get large halftone image based on an instantly loaded small source image.

·         Rich API.
Modify halftone image at any time using Javascript.

·         Online settings generator.
Adjust everything in visual mode and get well formatted text with settings.

·         Source code.
Includes uncompressed javascript code. It is well formatted and commented.

·         Examples of use.
Take any example and use it as a starting point.

·         Clear documentation.
Includes quick start guide and detailed description of settings and API.

·         Friendly support.

10. Youtube Vimeo Gallery Background

View Details

Gallery supports Youtube API V3 and Vimeo API V3.

Multiple layout configurations can be used as gallery, background, widget etc.

All demo examples included in the download package for easy setup.

Options:

·         Responsive or fixed size

·         Automatically generated video thumbnails, titles and description (description available with public api)

·         Multiple layouts with optional playlist, clean video with no other screen elements, mini gallery and widget posibilities.

·         Thumbnail position bottom / right

·         Thumbnail scroll with buttons or with jScrollPane

·         Optional deeplinking with jquery address

·         Vimeo API V3

·         single video

·         user portfolio

·         user appears

·         user likes

·         user uploaded

·         search for videos

·         group videos

·         channel videos

·         album videos

·         related videos