Archive for August, 2016

8 Handy jQuery Code Snippets For Handling Images

Here are 8 handy jQuery code snippets for handling images. These snippets show how to handle broken images, showing loading images when the main image is downloading, preloading images, adding hyperlinks to your images, and changing images extensions. 1. Hide Broken Images If the image path is changed then the image will not load. So […]
Read the rest of this entry »

Quick Tip: Use jQuery to Clone Objects

There's a really handy .clone() method in jQuery that allows you to copy an HTML element dynamically using a script. This method comes in handy when you want to clone an element after a certain trigger event, like .click() or .hover(). Using the .clone() method is pretty straightforward. Here's what you would need to do […]
Read the rest of this entry »

How to Detect a Browser Using jQuery

Any developer can tell you that code will render differently depending on the browser, which can be a real hindrance to cross-browser compatibility. There are CSS hacks that can be used to determine what browser code is running on, but these can only be used to change styling, not HTML. If you want to dynamically […]
Read the rest of this entry »

Convert Text Cases Using jQuery

In this post, find jQuery code to convert the input type text to UPPER CASE, lower case, Title case and Pascal Case. The case conversion is done once the focus is out from the input text box. However, you can use keypress event also to show the conversion in real time. Here is the code […]
Read the rest of this entry »

Dynamically Add a Class to Your HTML with jQuery

jQuery makes it super easy to dynamically add a class (0r several classes) to any HTML element(s) using only one line of code and the .addClass() method. This trick can be really useful if you want to change the styling of a particular element depending on certain conditions, which you can define using jQuery code. […]
Read the rest of this entry »

12 jQuery Image Cropping Plugins

In this post, find a compiled list of 12 jQuery image crop or resize plugins. These plugins comes with easy to use interfaces to crop images, and they also support responsive cropping, image uploading and drag and drop of selected area for cropping, live preview and touch gestures. 1. Cropper Cropper is a jQuery plugin […]
Read the rest of this entry »