Adipoli jQuery Image Hover Effects
How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options: Available Options startEffect : Default style of imagehoverEffect : Image style on mouse overimageOpacity : opacity of image considered when start effect is transparent or overlayanimSpeed : Animation speed for the effectfillColor : Overlay colortextColor : Text ColoroverlayText : Default HTML to be displayed on overlayslices : Number of slices for slice animationsboxCols : Number of boxes in a row for box animationsboxRows : Number of rows for box animationspopOutMargin : Margin of Image popoutpopOutShadow : Shadow length of popout image. Start Effects: transparentnormaloverlaygrayscale Hover Effects: Change Log Version 2.0 Added grayscale startEffectMoved code to github Do you want to know
jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers
Kalendae - Un calendrier date picker Javascript avancé
Kalendae est un calendrier / date picker Javascript très poussé qui fonctionne nativement sans librairie JS. Vous prenez une idée / fonctionnalité simple, dans notre cas un date picker, et vous poussez le vice à fond, et le résultat parle de lui même. Kalendae est un calendrier évolué avec des fonctionnalités qu'on ne retrouve pas dans les autres scripts du même type. La réelle plus value est la possibilité de sélectionner soit un jour, plusieurs jours ou un rang de dates. Il est bien sûr possible de bloquer des dates ou restreindre les weekends par exemple, idéal pour un système de réservation en ligne. Le calendrier peut être afficher directement avec le nombre de mois souhaités (On peut afficher 3 mois sur le même calendrier par exemple) ou lié à un input de date ou tout autre élément HTML. Les options sont nombreuses et documentées donc pas de problème pour configurer le widget à sa guise. Il embarque directement le script Moment.js pour manipuler avec plus de facilités les dates. 1.
Nasıl?
Sharrre
tapmodo/Jcrop
3 Javascript Plugins to Imitate Instagram Image Filters
Instagram has been a sensational topic of all time. It’s a photo shooting app which takes photo in square dimension and you can apply different kind of lomo, vintage and other cool filter effects to the photos. It makes an ordinary photo looks pretty, people likes it, it’s magical. There are quite a few of image manipulation plugins out there, but we have chosen 3 that potentially can be enhanced or tuned to do the same thing – add cool effect to your photo. We’re not talking about rotation, skew, flip…. we’re talking about vintage effect, blur, color tuning etc. There is a caveat, it only works with Canvas supported browsers. PainbrushJS PaintbrushJS is a lightweight browser-based image processing library built with Javascript and canvas. Sample Code Instead of using javascript, you just have to add the right attributes and its value to the image. html CamanJS The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. js vintageJS About Kevin
jQuery PointPoint – A Plugin For Pointing To Things
Martin Angelov Web designers find themselves in a tough situation – they have to build beautiful user interfaces that are intuitive and usable in the same time. Sometimes, despite our earnest efforts, web applications may become difficult to use for novice users. One solution is to create some sort of a tour of your application’s features. In this tutorial, we will be writing a jQuery plugin that will help you draw users’ attention to a specific part of the page, in the form of a small arrow that is displayed next to their mouse cursor. How it works Lets dive straight to the code – it comes at around 100 lines (with comments), so it is not difficult to follow. jquery.pointpoint.js When you call pointPoint(), it creates an event listener for the mousemove event. I am also using the transform.js CSS hooks for jQuery, which level the support for CSS3 rotations in browsers that support them (this means the plugin will not work in IE678). jQuery PointPoint Plugin How to use it We are done! jQuery
LESS
jQuery Resize And Crop (jrac) example
jQuery Resize And Crop (jrac) is a jQuery plugin that build a viewport around a given image permitting to visually resize an image and place a crop. Then it is possible to use the coordinates data to be used for any purpose. Demo Move the image or the crop with the pointer, resize the crop with the pointer, use the zoom bar to scale the image or set your values into the inputs. Code Here is the code use in this page. Download
JpGraph - Most powerful PHP-driven charts
Nasıl?
HTML5.js
Percentage Loader
run loaderor download on BitBucket jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes. more examples Controllable It's also possible to use the percentage loader as a controller - try clicking and dragging on the widget. Multiple run loaders You can easily run multiple loaders simultaneously. back to top
jQuery
Related:
Related: