Use this if you plan to use Adaptive Images and don't want to manually set the width and height of the images you are going to use.
Please make sure to place this in the folder where your HTML files are so this can load images and generate the CSS correctly


Step 1. INPUT
Copy & paste HTML code here. That is the div with data-elem="pinchzoomer" including its contents


Step 2. CLASS NAME PREPEND
This will be added before the class name


Step 3. GENERATE
Click button below to generate HTML and CSS


Step 4. OUTPUT CSS
Copy and Paste this to your CSS File

Step 5. OUTPUT HTML
Replace your HTML code with this. Basically replace whatever your code from Step 1