Skip to content

tapiokat/Smoothproducts

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Smoothproducts A lightweight & simple jQuery product viewer script by Kevin Thornbloom.

##Demo Open demo in new window

##Features

  • Zooming & panning features for desktops and touch screens
  • Odd image size handling
  • Container is responsive
  • Thumbnails with indicators
  • Minimal markup

##Usage

  • Add the CSS to your stylesheet, or just call it in your header:
	<link rel="stylesheet" href="css/smoothproducts.css">
  • Add & call javascript in your footer:
	<script type="text/javascript" src="js/smoothproducts.js"></script>
	<script type="text/javascript">
        /* wait for images to load */
        $(window).load( function() {
            $('.sp-wrap').smoothproducts();
        });
    </script>
  • Add HTML Markup
	<div class="sp-wrap">
		<a href="images/1.jpg"><img src="images/1_tb.jpg" alt=""></a>
		<a href="images/2.jpg"><img src="images/2_tb.jpg" alt=""></a>
	</div>

##Known Issues

  • Only one instance may be used per page (for now)

##Licensing Free to use and modify personally or commercially. Not for resale.

##Help & Feedback Connect with me on twitter.

About

A simple, lightweight and responsive product image viewer using jQuery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published