表与jQuery和图象分裂的背景图象

Question

我正在尝试显示横向长的图形图像。问题是，当用户到达图像的右端时，y轴刻度对他来说是不可见的。我需要以某种方式分割图像，以便我可以固定图像的y轴部分并保持可滚动。

我有3个问题：

1. 分割图像并使一个部分固定而其他可滚动的最佳方法是什么？
2. 表格背景图片是否可以分割？
3. 如果我想使用表格背景图片，我有以下问题 -
   图表是在服务器端动态生成的。所以我不能真正将图表的url提供给表格的背景标签。

1）使用ajax调用生成图形，如：

$(function () { var img = new Image();   
    setTimeout(   
      $(img).load(function () {   
        $('#loader').append(this);   
        $(this).fadeIn();   
      }).error(function () {}).attr('src', '/tgraph/'), 3000);  
});

HTML：

<div id='loader'></div>

2）第1步代码显示div标签下的图像。我想写一些jQuery代码，它可以将图像加载为表格背景。 例如

3）然后使用css overflow显示y轴固定位置和图像的其余部分可滚动。

Answer 1

3 divs：

1. 第一个div将图形作为背景图像。将其宽度设置为足以显示Y轴的宽度。
2. 第二个div也有图形作为背景图像（如果使用相同的URL，浏览器应该只请求文件一次）。将背景图像的左侧位置设置为负数 - 只要宽到隐藏 y轴。将overflow属性设置为“scroll”
3. 第三个div放在第二个div中，宽度设置为宽，你需要显示整个图形。这将导致第二个div显示滚动条（因为单独的背景图像不会）

Answer 2

我最终将表元素与jQuery clone（）结合使用 该表有2个td元素，第一个克隆第二个。第二个td，实际上加载图像。