zoom image slider

Question

我想要在我的rails 3.1應用程序中獲得縮放滑塊。有沒有可用的演示

Similer轉到此鏈接？

Zoom Slider

Answer 1

對於縮放圖像，請嘗試鏈接Zoom image

Answer 2

你好演示這裏：http://jsfiddle.net/DV5GU/

我借了你給的鏈接的圖像：P

也有一些有益的想法在這裏駐留：http://jsfiddle.net/jfriend00/eW53L/&這裏：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'); 
     }); 
    });​