juxtapose - JuxtaposeJS is a JavaScript library for making before/after image sliders

  •        7

[JuxtaposeJS][https://juxtapose.knightlab.com] is a simple, open source tool for creating before/after image sliders. Just provide two image URLs and Juxtapose will do the rest of the work for you. Below are instructions for implementing Juxtapose with HTML and Javascript but we also have a tool that lets you make a slider without needing to know any code. The easiest way to create a Juxtapose slider is to go to to [http://juxtapose.knightlab.com][1] and use the tool to generate an embedable code snippet that you can use on any website. There are a number of other ways to install Juxtapose on your website.

juxtapose.knightlab.com
https://github.com/NUKnightLab/juxtapose

Tags
Implementation
License
Platform

   




Related Projects

ImageMagick

  •    C++

ImageMagick is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.

Juxtapose

  •    Python

PyGTK based client for the XMMS2 music player

Ideal-Image-Slider-JS - Quite simply the ideal Image Slider in vanilla JS.

  •    Javascript

Ideal Image Slider is written in vanilla JS and has no dependancies.Next you need to include the CSS file in the <head> section of your HTML and you need to include the script before the </body> tag in your HTML. Note you can optionally include a theme CSS file in the <head> too.

Nivo-Slider-jQuery - Nivo Slider - The Most Awesome jQuery Image Slider

  •    Javascript

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning.WordPress Plugin: https://themeisle.com/nivo-slider/ for more info.

Highslide - Javascript thumbnail viewer

  •    Javascript

Highslide JS is an image, media and gallery viewer written in JavaScript.


SharePoint Metro Sliders

  •    

SharePoint 2010 Feature that includes two Metro style image sliders web parts: - Image slider with just one image - Image slider with four smaller images in it.

Nivo-Slider - Nivo Slider - The Most Awesome jQuery Image Slider

  •    Javascript

Nivo Slider - The Most Awesome jQuery Image Slider

quil - Main repo. Quil source code.

  •    Clojure

Quil looked up in shock to see Bigelow floating high in the clouds, his balloons rustling merrily in the wind. He gruffed to her from above, "This truly is a party!". Image after image, vista after vista, passed furry Bige's wide-open eyes. A deep underlying beauty unfolded before him. A flock of bezier gulls whistled past. Beneath his dangling paws a distant shepherd called his scribbly sheep in for re-sketching. Goading him from the distance, wooden letters of so many different fonts mocked PERLIN-WOULD from the hilltops. In one hand Quil holds Processing, a carefully crafted API for making drawing and animation extremely easy to get your biscuit-loving chops around. In the other she clutches Clojure, an interlocking suite of exquisite language abstractions forged by an army of hammocks and delicately wrapped in flowing silky parens of un-braided joy.

Ideal-Image-Slider - Quite simply the ideal Image Slider in vanilla JS.

  •    Javascript

Quite simply the ideal Image Slider in vanilla JS.

ui-slider - jQuery UI Slider for AngularJS

  •    HTML

This directive allows you to add a slider to your form elements.

UI Recorder - UI test case recorder like Selenium IDE

  •    Javascript

UI Recorder is a zero cost UI test case recorder like Selenium IDE. It support all user operation like key event, mouse event, alert, file upload, drag, svg, shadow dom. It supports mobile native APP, Parallel test, image diff, Screenshots after each step and lot more.

threesixty-slider - jQuery 360 image slider plugin

  •    Javascript

jQuery 360 image slider plugin

AndroidImageSlider - An amazing and convenient Android image slider.

  •    Java

This is an amazing image slider for the Android platform. I decided to open source this because there is really not an attractive, convenient slider widget in Android. For Eclipse users, I provided a sample project which orgnized as Eclipse way. You can download it from here, and make some changes to fit your project.

FlipsideCamera - The camera app that takes pictures from both sides of your world ! :camera:

  •    Java

Take pictures with the back & front cameras and combine them in one image to share. Also you can add a few image effects before sharing. NOTE: This was a closed source app originally but after a refactor with the use of several really great libraries, I thought it might be more useful to open source it so people can expand on it or use elements in their own projects.

ion.rangeSlider - jQuery only range slider

  •    Javascript

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options. Or use the included PSD file and design a custom skin.

rangeslider.js - 🎚 HTML5 input range slider element polyfill

  •    Javascript

Simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element. Check out the examples.

jQRangeSlider - A jquery UI range selection slider that supports dates

  •    Javascript

A jquery UI range selection slider that supports dates

jQRangeSlider - A jquery UI range selection slider that supports dates

  •    Javascript

A jquery UI range selection slider that supports dates

CameraManager - Simple Swift class to provide all the configurations you need to create custom camera view in your app

  •    Swift

This is a simple Swift class to provide all the configurations you need to create custom camera view in your app. It follows orientation change and updates UI accordingly, supports front and rear camera selection, pinch to zoom, tap to focus, exposure slider, different flash modes, inputs and outputs. Just drag, drop and use. The Swift Package Manager is a tool for managing the distribution of Swift code.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.