How to create readmore and readless using jQuery
Hi friends hope you are doing good. In todays tutorial i will let you know a very useful code snippets how to create readmore and readless using jQuery. This will help beginner developers Please make sure you have added the latest jQuery in your web page, where you want to implement the readmore and readless …
5 Best AngularJS Frameworks To Develop Next Generation Apps Quickly
Now days there are lots of angularJS front-end framework available in market. Are you confused to choosing right framework for your next angularJS Application, then see below 5 Best AngularJS Frameworks To Develop Next Generation Apps very Quickly. AngularJS is gaining popularity day by day for its potential to simplify application development. It is a …
How To Create Multi Step Form Using JQuery And CSS3
Have you long form like profile fillups, checkout, registration, logins, etc. on your website, then break them into several sections and convert into a multi step form using jQuery and CSS3. By default only one section is visible, you can click on Next and Previous button to navigate next or previous section. In this example …
Simple image cropping using cropper.js and PHP
Hi friends, hope you are doing good. Today i am going to share how you can crop a simple image using cropper.js and PHP. This is a simple jQuery image cropping plugin cropper.js. The cropper js inherits from the size of the image’s parent element (wrapper), so be sure to wrap the image with a …
How to rotate the image using jquery
I will explain the easy and simple jquery code to rotate image element in different degree like 90, -90, 180 and ect.. Before suing this code make sure you have included the latest jquery file in your page. Add jquery Library file
|
1 2 |
<script src="http://code.jquery.com/jquery-2.1.1.js"></script> |
Javasrcipt code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> function rotateImage(degree) { $('#rotateImg').animate({ transform: degree }, { step: function(now,fx) { $(this).css({ '-webkit-transform':'rotate('+now+'deg)', '-moz-transform':'rotate('+now+'deg)', 'transform':'rotate('+now+'deg)' }); } }); } </script> |
HTML Code
|
1 2 3 4 5 6 7 8 9 10 |
<div style="margin-top:50px"> <input type="image" src="rotate-right.png" value="90" onClick="rotateImage(this.value);" style="position: absolute;margin-top: 190px;"> <img src="image.jpg" id="rotateImg" width="30%" /> <input type="image" src="rotate-left.png" value="-90" onClick="rotateImage(this.value);" style="position: absolute;margin-top: 190px;"> </div> |
Download Demo
Top 5 free jQuery modal popup plugins like facebook
In this post i have shared the top 5 jQuery modal popup plugin, which will helps to create a awesome model popup in your web applications. A gathering of more than best 5 free jQuery modular popup plugins gathered from different assets lashed with components and simple to Facebook. These modular popups uses the space …
Tag Selector like Facebook using jQuery & CSS3
Today I am going to share the most useful article with how to create Tag Selector like Facebook using jQuery & CSS3. Now a days tag selectors are used to collect user’s Interest on many social networking sites like Facebook , twitter , linked In & gmail also. in today’s post i will share create …
Discount Coupons
Featured eBook
WordPress Security Guide
Free Guide: Learn how to implement security guideline in your WordPress site...
DOWNLOADPopular Categories
Recommended Posts
Pincode Finder
Online Pincode Finder
Best tool to locate post Office address and pincodes of all india...
SEARCH NOW