Search code examples
jqueryimage-clipping

How to clip an image with jQuery without a plugin


How do I clip an image in jQuery without a plugin? I want to create a 360 image rotator by placing all of the images in a single image and then have jQuery navigate to the correct X,Y coordinates in that master image and display the correct clip of the image in a div.


Solution

  • Set the large image as the background of your fixed-size div through CSS and then use jQuery to manipulate the background-position values.