缩放图像滑块

Question

我想在rails 3.1应用程序中获取缩放滑块。有没有可用的演示

Similer到这个链接？

Zoom Slider

Answer 1

Hiya 演示：http://jsfiddle.net/DV5GU/

我借用你给出的链接中的图片：P

此处还有一些有用的想法：http://jsfiddle.net/jfriend00/eW53L/ ＆amp; 此处：http://jsfiddle.net/vcw8c/

Jquery代码

 $(document).ready(function(){
       $('#image1').width(200);
       $('#image1').mouseover(function()
       {
          $(this).css("cursor","pointer");
          $(this).animate({width: "300px"}, 'slow');
       });

    $('#image1').mouseout(function()
      {   
          $(this).animate({width: "200px"}, 'slow');
       });
   });​

Answer 2

要缩放图片，请尝试链接Zoom image