�yPC—pƒ�ƒCƒ“�¤•i�à–¾•¶�z

<style type="text/css">#itemImg {display:none;}

#itemInfo {
    float: none !important;
    width: 740px !important;
    text-align:left;
}
#itemThumb {position:relative !important;}
.zoomWindow {
    height:410px !important;
    border:solid 1px #ccc !important;
    }
</style>


<!-- START THE CONTENT -->
<img data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L1.jpg" id="itemThumb" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/1.jpg" width="400">
<div id="gallery">
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/1.jpg" data-update="" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L1.jpg&quot;" href="#"><img id="itemThumb" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s1.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/2.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L2.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s2.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/3.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L3.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s3.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/4.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L4.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s4.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/5.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L5.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s5.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/6.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L6.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s6.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/7.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L7.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s7.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/1.jpg" data-update="" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L1.jpg&quot;" href="#"><img id="itemThumb" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s1.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/2.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L2.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s2.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/3.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L3.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s3.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/4.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L4.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s4.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/5.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L5.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s5.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/6.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L6.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s6.jpg"></a>
<a class="item-gallery" data-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/7.jpg" data-zoom-image="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L7.jpg" href="#"> <img id="" src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/s7.jpg"></a>
</div>


�yPC—p’ljÁ�¤•i�à–¾•¶�z

<!-- elevatezoom -->
<script src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://gigaplus.makeshop.jp/designdemo03/elevatezoom/jquery.elevatezoom-hover.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
	      $("#zoomItem").elevateZoom({
    	  		zoomType : "inner",
            debug : true,
            cursor: "crosshair"
    	  		}); 
}); 
</script>
<script type="text/javascript">
  $(document).ready(function () {
     $("#select").change(function(e){
   var currentValue = $("#select").val();
   if(currentValue == 1){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/1.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L1.jpg';
   }
   if(currentValue == 2){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/2.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L2.jpg';
   }
   if(currentValue == 3){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/3.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L4.jpg';
   }
   if(currentValue == 4){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/4.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L4.jpg';
   }
   if(currentValue == 5){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/5.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L5.jpg';
   }
   if(currentValue == 6){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/6.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L6.jpg';
   }
   if(currentValue == 7){    
   smallImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/7.jpg';
   largeImage = 'http://gigaplus.makeshop.jp/designdemo03/elevatezoom/images/L7.jpg';
   }

	// Using default configuration
 
 
 	 var ez =   $('#itemThumb').data('elevateZoom');	  
   
	ez.swaptheimage(smallImage, largeImage); 
     
    });
	
	// Using custom configuration
	$("#itemThumb").elevateZoom({
    zoomWindowFadeIn : 500,
    zoomLensFadeIn: 500,
		gallery				: "gallery",
		imageCrossfade: false,
    zoomWindowWidth:411,
    zoomWindowHeight:274,
    zoomWindowOffetx: 10,
    scrollZoom: true, 
    cursor:"pointer"			
	});
  	
 
    $("#itemThumb").bind("click", function(e) {  
	 var ez =   $('#itemThumb').data('elevateZoom');	
	$.fancybox(ez.getGalleryList());
            return false;
    });
    });
  </script>
<style type="text/css">#gallery {float:right; width:325px;}
#gallery a img{border:solid 1px #ccc; margin-bottom:10px; padding:7px;}
</style>