32
24 Best JavaScript & jQuery Media Code Snippets for February 2019
, ,
  1. JQuery Zoom Wizard

    JQuery Zoom Wizard

    ZoomWizard Zoom Wizard is a super flexible and snappy jQuery plugin that lets you add zoom functionality to your images. It is a complete package with three totally different modes of zooming and you can choose one that best fits your needs. It also comes with an easy to use app that lets you customize the plugin the way you want.?You don’t need to read pages of documentation, the app generates the jQuery code with the options that you selected! See for yourself how easy it is to set it up and use, check the live demo! Features: 3 zoom modes 13 user interface themes supports either one image, or thumb + large image suitable for many uses highly customizable comes with an app for effortless se

    MORE INFO / DOWNLOAD
  2. Overgray

    Overgray

    What is Overgray, in just a few words Overgray is a jQuery plugin that allows you to apply various grayscale effects on images when user hovers over them with cursor. Changelog v1.1 compatibility with IE10 compatibility with Opera Where do we think it can be used? We actually used this script to: give a website subtle dynamics make certain page look more modern moderate pages that are oversaturated with colors remove user focus from less important (but large) image elements and so on… Surely you already have a few ideas where to use it yourself as well? A complete list of features Extremely easy to implement Compatible with almost all major browsers Compatible with popular jQuery plugins

    MORE INFO / DOWNLOAD
  3. jQuery Slide Gallery

    jQuery Slide Gallery

    New browser to Your Media ItemsWelcome in the modern media browser for your Images and Video. The complex jQuery Slide Gallery script offer you high spectrum of possibilities. You can use pictures, YouTube and Vimeo videos. You can also set any content for each items. The jQuery plugin is easy to use and works on mobile devices. Check it for much more features. Features of Slide Gallery Possibility to browse gallery Images. Possibility to b rowse YouTube and Vimeo videos. Sort Media Items by categories. Possibility to add contents for Media Items. Fully Responsive. Keyboard support. The ability to set custom keys to control. easy to change the appearance via CSS.

    MORE INFO / DOWNLOAD
  4. ComicBubbles - Speech Balloon JavaScript Library

    ComicBubbles - Speech Balloon JavaScript Library

    ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image. Key features: small size, framework-independent can produce interactive, animated speech | thought | scream balloons API ANIMATED DISPLAY EASY CREATION Web page: comicbubbles.com

    MORE INFO / DOWNLOAD
  5. MagicWall - Responsive Image Grid

    MagicWall - Responsive Image Grid

    MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as a nice animated background. MagicWall plugin converts a list of images into a grid with defined number of rows and columns. The remaining images will appear with different animations and delays. You can also configure the plugin in order to define how the grid should be laid out for different screen widths. Updates PLEASE NOTE Update (v 2.0.0) is not backward compatible, you might need to alter your current configuration (Please read below). Update ver 2.0.4 (28/10/2

    MORE INFO / DOWNLOAD
  6. Square Photo Gallery

    Square Photo Gallery

    What is Square Gallery? Square Gallery is a small gallery plugin for your website, which runs without any frameworks. Square Gallery doesn’t disturb your website normal operation and causes no conflicts with other code. Check out the demo gallery at the top of the page. Square Gallery currently supports Firefox 3.0+, Safari 4.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 8.0+. Features Square Gallery can be generated as a separate gallery page or easily integrated into existing html page. The gallery can also be used for building some nice website menus (e.g., demo). Each gallery item can be opened and enlarged in a simple but functional lightbox, or be used as a hyperlink leading to a different website page or different website.

    MORE INFO / DOWNLOAD
  7. Scenic 3D Photo Parallax v1.6

    Scenic 3D Photo Parallax v1.6

    Overview Scenic – is a simple script that automatically animates layers of still imagery during scrolling for creating an illusion of 3D. It pans and zooms a photo to achieve a parallax effect. You can also use any html elements as layers like ‘div’ with text or buttons. For creating 3D photos you will need to break your photo into layers. You can do it easily in editors like Adobe Photoshop. When you purchase our script you also get a video tutorial about creating layers in Photoshop. Try before you buy Open Live Demo Documentation Is your site on WordPress? Check out Scenic WordPress Plugin Instructions Buy this product to get the project archive. Then extract the project,

    MORE INFO / DOWNLOAD
  8. Newspaper Flipbook -jQuery

    Newspaper Flipbook -jQuery

    WordPress version here: Bookshelf for flipbooks: PDF render Book can read PDF files without converting to jpg files. Used is an awesome library PDF.js. PDF.js works in the following browsers: Firefox, Chrome, Opera, IE10+. Limited support for Safari, Android and IE9. NOTE: If someone wants to use locally – PDF.js locally on your computer only works with the Firefox browser. For more information click herePreview FlipBook using library PDF.js – here Manually adding pages You can also add page individually as .jpg files in the HTML code. RTL Right to left flpibook for eastern countries. See my Books: All Features: you do not need to buy and install additional libraries Bookshelf jQuery Plugin +8$ Page Mode – double or s

    MORE INFO / DOWNLOAD
  9. Horizontal Gridfolio Pro

    Horizontal Gridfolio Pro

    We released a better and more complete version at the following link: http://codecanyon.net/item/ultimate-grid-pro/14039086 What is Horizontal Gridfolio Pro? Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. It?s perfect for presentations, for anyone that want to obtain a great impact on their visitors. Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, if

    MORE INFO / DOWNLOAD
  10. Google Charts for Javascript

    Google Charts for Javascript

    This is a pure stand-alone javascript version of the Google Charts plugin, you build an HTML table and point the plugin at it and it creates the chart for you. You can see the PHP version here: http://themeforest.net/item/google-charts-plugin/47082 Note: This component does not require a library.

    MORE INFO / DOWNLOAD
  11. ViewBox - Media Browser - LightBox Alternative

    ViewBox - Media Browser - LightBox Alternative

    The script is a complex jQuery LightBox Alternative. Easy to use. Photo Galleries. Support for video (YouTube and Vimeo). Built-in player – JW Player. (Creative Commons Attribution-NonCommercial-ShareAlike 3.0) AJAX, iFrame and Inline. Keyboard support. The ability to set keys to control. easy to change the appearance via CSS. See the ViewBox HTML5 Revolution Last updates Support for Google Maps Possibility to add preloader for image galleries Resizer for an image if the image is too large Possibility to add an image to player

    MORE INFO / DOWNLOAD
  12. ImageMasker Kit

    ImageMasker Kit

    ImageMasker Kit jQuery plugin for applying masks to images on your website. Using it is as simple as one line of code and it comes with a collection of masks made by us. Forget about processing every single image with Photoshop to apply a mask to it. Now you can do it on the fly, and it just works! However, the collection of masks that come with this product are only the beginning of the possibilities of this little plugin. If you decide to use your own mask, the possibilities are limitless. Have fun with it and please don’t forget to rate. Features Easily apply a mask to your images Only one line of jQuery required Comes with a bundle of 12 premade masks Use your own masks if you want to Hig

    MORE INFO / DOWNLOAD
  13. Klax - Responsive HTML/jQuerry Plugin, Display your Work, Team, Products, Services, Portfolio

    Klax - Responsive HTML/jQuerry Plugin, Display your Work, Team, Products, Services, Portfolio

    Klax Responsive Team / Portfolio JavaScript Plugin Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional java script plugin that displays your content within the web page and offers everything that you will ever need to present your items to a client. You can set the number of items that display on a page and create your own design with this team member, portfolio JS plugin. Credits All images used in the preview are only for demo purposes. All the images are copyrighted and licensed to their respective authors and owners.

    MORE INFO / DOWNLOAD
  14. Focuser - Image Highlighter

    Focuser - Image Highlighter

    Want to focus attention on the image not the text? Just try our new Focuser / Image Highlighter! How does it work? Simply mouse over an image to blur the rest of the web-page and that is it! Two modes: blur and transparency. Both of them can be applied to any element by ID, Object or Array of elements. Compatible with most browsers including older versions.

    MORE INFO / DOWNLOAD
  15. CSS3 HTML5 3D Cube Gallery

    CSS3 HTML5 3D Cube Gallery

    CSS3 HTML5 3D Cube Gallery is very flexible and easy to use.Its possible good a good animated advertising.You can put your content in each side,you can drag it to change side,you can change the size of the cube and so on.It’s easy to use with appropriate default settings.Please give it quick rating if you like this!

    MORE INFO / DOWNLOAD
  16. Ultimate Image Hotspot and Zoom Slider

    Ultimate Image Hotspot and Zoom Slider

    Ultimate Image Hotspot and Zoom Slider is a script that let you add hotspots to your images to feature and highlight some parts of the image with beautiful and unique effects. Some examples:

    MORE INFO / DOWNLOAD
  17. cubeee - 3D Animated Cubes

    cubeee - 3D Animated Cubes

    CodeDroids Philosophy You’re most likely looking for something specific – not a generic plugin that will bend to your needs. CodeDroids plugins are not all-in-one or multipurpose. They’re built to serve one specific task well – and usually with a quick Copy & Paste approach. The idea is to get your problem fixed as fast and efficiently as possible – without you needing to even waste time reading documentation. cubeee- 3D Animated Cubes is a simple Copy & Paste script that gives you full control over creating and styling 3D CSS3 Cubes. Control the styling, animation properties, angle, direction, and even whether or not the animation is 2D or 3D – all with straight-forward and simple settings. Supports any HTML inside Cube Sid

    MORE INFO / DOWNLOAD
  18. Long Shadow jQuery Plugin

    Long Shadow jQuery Plugin

    The Long Shadow jQuery plugin allows you to add fully customizable long shadow effects to your web design elements. You can easily include it into your flat design and not only web pages just like any other jQuery plugin and it’s very easy to customize the following aspects: shadow length shadow opacity shadow direction shadow colors You can see samples of what you can do with this plugin in the live preview or check out these amazing effects that you can create using this jQuery plugin. Some more effects done with this plugin Flat Icon Creator with Long Shadow Design Works both for TEXT and IMAGES Credits for the graphics: Images for the backgrounds: 90 subtle patterns Graphic design by PSD Dude

    MORE INFO / DOWNLOAD
  19. jQuery Stack Viewer

    jQuery Stack Viewer

    jQuery Stack Viewer offers you a customizable lite viewer to display radiological images on your website.Built in jQuery and CSS, you can load images in the viewer using 3 methods: image urls, directory paths or a custom Ajax call.Easy to install, this viewer is designed for educational purposes. Warning : this viewer does not use DICOM images. Not for medical use. Features:- Multiple image stacks management – Change the current stack by clicking on menu or previous/next stack buttons.- Change current image by scrolling (desktop) or touch backward/forward buttons. - Change the scroll and touch speed behavior.- Download button of the current image.- Responsive- Fully customizable- Cross-browser compatible

    MORE INFO / DOWNLOAD
  20. Photo Grid Pro - jQuery Interactive Grid Gallery Builder

    Photo Grid Pro - jQuery Interactive Grid Gallery Builder

    Photo Grid Pro Next Generation jQuery Image Grid Builder Create a visually stunning gallery for your website in minutes. Awesome editor and lightbox included. Features Super Advanced Drag and Drop Editor Tons of Effects and Animations Custom Lightbox with Gestures Text Boxes with Custom Content Responsive and Optimized for Touchscreen Free Customer Support for 6 Months Super Advanced Drag and Drop Editor Choose the grid resolution and create the perfect layout for your gallery Experiment with padding, corner radius and other settings to create a unique look Precisely adjust timings and animation curves to get different effects Instant previews while tweaking settings Preview

    MORE INFO / DOWNLOAD
  21. Mega Zoom & Pan Image Viewer

    Mega Zoom & Pan Image Viewer

    What is Mega Zoom & Pan Image Viewer? The Mega Zoom & Pan Image Viewer plugin is a great image viewer and navigator with a full responsive layout for displaying large images. It is a powerful tool prepared to showcasing products (high resolution product images, e.g. clothes, cars, technical schemes etc), displaying maps, and any other images, with its zoom, pann, dragging, navigation controls, scrollbar, zoom buttons, and highly customizable markers / hotsposts. It is mobile optimized running great on iOS (iPad,iPhone), Android and Windows mobile and desktop mobile devices and of course it works on every modern browser and older browsers like IE7 or IE8. Follow the links to view this demos. Watch demo running

    MORE INFO / DOWNLOAD
  22. Fancy Product Designer Pricing Add-On | jQuery

    Fancy Product Designer Pricing Add-On | jQuery

    The Pricing Add-On for Fancy Product Designer will let you create pricing rules to charge your customers on the basis of various element properties.

    MORE INFO / DOWNLOAD
  23. HTML 5 Upload Image, Ratio with Drag and Drop

    HTML 5 Upload Image, Ratio with Drag and Drop

    A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS. Features uses canvas to crop the image, no server scripts needed! want to use a server script, no problem! simple change it with additional options full HTML5 support touch support! Works on tablet and mobile! Responsive design option save your image with AJAX or use the tradional FORM input file element uses ratio to let it fit your screen or element easy to use additional options to configure bootstrap 3.1 jQuery 1.9 UPDATE: jan. 24 New: Download button New: Force not

    MORE INFO / DOWNLOAD
  24. Pieces - Javascript Image Effects

    Pieces - Javascript Image Effects

    Pieces – Amazing Image Effects Pieces allows you to split an image into tiles and animate them with amazing effects. It comes with 300 ready-to-use animations and with a tool that let you create your animation packs. You can use it both with javascript and html markup. With Pieces you can control tiles dimension, speed, stagger, so on. And it?s responsive and SEO friendly. Pieces takes advantage of TweenMax and the flexibility of jQuery. Features 300 ready-to-use animations tool for creating animation packs responsive SEO friendly it can be used also without javascript full compatibility with all the latest browsers fallback for older browsers 300 ready-to-use animations Pieces comes with 300 ready-to-use ani

    MORE INFO / DOWNLOAD

Tags

Log in
Register