Closed cferdinandi closed 10 years ago
One giant image by default, with thumbnail picker below.
<div class="img-main"> <img src="image.jpg"> </div> <div class="img-thumbs text-center"> <img src="image-1.jpg" data-img="img-1-large.jpg"> <img src="image-2.jpg" data-img="img-2-large.jpg"> <img src="image-3.jpg" data-img="img-3-large.jpg"> </div>
On click, grab [data-img] src, and replace the content of the .img-main container with it. Also add an active state.
[data-img]
.img-main
One giant image by default, with thumbnail picker below.
On click, grab
[data-img]
src, and replace the content of the.img-main
container with it. Also add an active state.