Sunday, September 20FreeJQuery

Gallery

Free jQuery Touch Swipe Image Gallery Plugins
2019, Gallery, jQuery, JQuery mobile

Free jQuery Touch Swipe Image Gallery Plugins

Touch Swipe Image Gallery Plugins In This Article, We Discuss 6 Different JQuery Touch Swipe Image Gallery Plugins such as LightGallery, nano Gallery,blueimp and more.For this roundup, we have gathered some of the best jQuery touch swipe image gallery plugins that will help you to present and display your web content, images, videos, pictures etc in an eye-catching and elegant way. Following jQuery image gallery plugins are touch-enabled and fully responsive and offer numerous features and you can easily integrate them in your web applications. Here is the list of Gallery Plugins. 1. LightGalleryFree jQuery light gallery is a lightweight touch-friendly jQuery lightbox for displaying image and video gallery. 2. nano GallerynanoGALLERY is a touch-enabled and responsive image g...
The Wall :  Javascript plugin for Moo tools FreeJquery
Drag & Drop, Gallery, Other Libraries, Slider

The Wall : Javascript plugin for Moo tools FreeJquery

JavaScript plugin for Moo toolsThe Wall is a plugin for Moo tools JavaScript framework designed to create walls of infinite dimensions. Its flexibility enables different applications, from infinite wall mode to Coda slider mode. The Wall creates compatible interfaces with the newer browsers and iPhone and iPad mobile devices. This plugin is very useful for designers who're working on online applications & graphics. The plugins is very rich with different angles pictures & effects.There's yet another reason to master more than one JavaScript library: you can use some of them together! Since MooTools is prototype-based and jQuery is not, jQuery and MooTools may be used together on the same page.jQuery is namespace so the function is free for Moo Tools to take hold of. ...
How to Plugin Angular 2/4 Image Gallery
Gallery, Plugins

How to Plugin Angular 2/4 Image Gallery

Angular 2/4 Image Gallery Plugin A simple yet full-featured image gallery for Angular 2/4 applications. Features:Custom layout Navigation arrows Autoplay Multi-row thumbnail navigation Fullscreen mode Touch-enabled Custom animationsAngular Material Angular 2/4 Image Gallery If you are not using Angular Material you can skip this section.Angular Material is using transform: translate3d(0,0,0); in components styles. Unfortunately transform changes positioning context and preview won't work properly. To avoid this situation you have to override material styles, for example: @import "~@angular/material/prebuilt-themes/indigo-pink.css"; // your theme.mat-sidenav-container, .mat-sidenav-content, .mat-tab-body-content { transform: none !important; }...
Pinto.js : jQuery Grid Layout Plugin
CSS2 / CSS3.0, Gallery, Plugins, Responsive

Pinto.js : jQuery Grid Layout Plugin

Pinto.js is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto.js is intended for easy use and is fully deployable within minutes. The minified version is under 1KB. This plugin is very accessible & easy to use.(the minified version is under 1KB) autosize supportfluid item width animation (CSS3 transition)Pinto is an extremely lightweight jQuery plugin which allows you to dynamically arrange your images in a Pinterest-like responsive, fluid grid layout.Features of Pinto.js jQuery Grid Layout:Super simple and lightweight. Auto rearrange images with a smooth CSS3 transition on window resize. Fluid item width based on the viewport size. lightweight (the minified version is under 1KB) autosize support fl...
Angular Super Image Gallery
Gallery

Angular Super Image Gallery

Angular Super Image Gallery:A feature-rich, touch-enabled image gallery component for Angular.Features of Image Galleryseparated angular components (modal, panel and image) many configuration options full responsive (under fixing) wide and fit image display mode multiple image sizes / thumbnail (for panel) , medium (for image), original (for modal) 3 built-in themes 9 image transitions (CSS3 3D) configurable keyboard shortcuts in modal window touch supportnpm install --save angular-super-gallery or yarn add angular-super-gallerySetup Angular Super Image Galleryimport 'bootstrap/dist/css/bootstrap.min.css'; import 'angular-super-gallery/dist/angular-super-gallery.css'; import 'jquery'; import 'angular'; import 'bootstrap'; import ...
Angular Image Viewer Component : NgxImageViewer
Gallery, Plugins

Angular Image Viewer Component : NgxImageViewer

A configurable Angular image viewer component, compatible with Angular image viewer 2.x, 4.x and 5.x.Features:Compatible with Angular 2.x, 4.x and 5.x Configurable Rotate image Zoom image Configurable Resizeble component Supports JPEG, PNG, GIF and PDF Support File Objects Avaliable actions:Rotate Zoom Reset to maximize size Free movable Change page (available just for PDF files)Configuration can be provided at the module level (by passing the object as an argument to for Root(), or at the component level, by passing it as the config input. {   btnClass: 'default', // The CSS class(es) that will apply to the buttons   zoomFactor: 0.1, // The amount that the scale will be increased by   containerBackgroundColor: '#ccc', // ...
Angular2 Modal Image Gallery
Gallery, Modal & Popup, Plugins

Angular2 Modal Image Gallery

Angular-modal-gallery is an Angular library to create image galleries of clickable thumbnails. After a click, it will display a modal window with full screen images. It’s also possible to navigate between these images with both keyboard arrows, swipe gestures and mouse clicks and close it pressing esc.Read More | Demo | Download  
jstiles : jQuery Animated Tiles Plugin
Animation, Bootstrap, Gallery, Plugins, Responsive

jstiles : jQuery Animated Tiles Plugin

This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You also have to include jQuery easing in order to let animations get smoothly executed.Read More | Demo | Download  
Elegant Accordion with jQuery and CSS3 Plugin
Accordion, CSS2 / CSS3.0, Gallery

Elegant Accordion with jQuery and CSS3 Plugin

Elegant accordion with jQuery and CSS3 Plugin has the following features:Stop rotation on click of a slide Options for setting a delay, animation speed, and easing Auto-rotate through all the slides with extra options Pause on hover Ability to set active slide onload using hashes (index.html#panel1-3) Works with multiple instances on the page Ability to specify the width of the active slide while automatically adjusting inactive slides Option to stop rotation at the end of the slidesRead More | Demo | Download -----------------------
liteAccordion – A horizontal accordion jQuery plugin
Accordion, Gallery

liteAccordion – A horizontal accordion jQuery plugin

LiteAccordion is a horizontal accordion plugin for jQuery. This plugin is no longer under development and will not be receiving any updates in the future.These are the default settings for the liteAccordion plugin: containerWidth : 960, // fixed (px) containerHeight : 320, // fixed (px) headerWidth: 48, // fixed (px)activateOn : 'click', // click or mouseover firstSlide : 1, // displays slide (n) on page load slideSpeed : 800, // slide animation speed onTriggerSlide : function() {}, // callback on slide activate onSlideAnimComplete : function() {}, // callback on slide anim completeautoPlay : false, // automatically cy...