html - jQuery Increase image size without disrupting layout -


i have 2 lists of images before , after section. how can use jquery increase size of image clicked without disrupting layout of other images.

<div id="concept-reality-wrapper">     <div class="col-1">          <h2>concept</h2>          <ul>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>         </ul>      </div>      <div class="col-2">          <h2>reality</h2>          <ul>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>             <li> <img src="image.jpg" /> </li>         </ul>      </div> </div> 

do with css only..you can see how it's done in gallery: http://dropthebit.com/demos/photobox/

basically use transform:scale() , doesn't effect scales thing.


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -