用于动态添加图像的滚动条

时间:2012-05-08 20:38:54

标签: jquery jscrollpane

我正在使用this最佳JQuery滚动条插件。

这是其网站上用于加载动态内容和附加滚动条的示例demo

我有一个简单的div并试图使用上传器上传一些图像并将上传的图像附加到此div

这就是我的意思:

  uploader.bind('FileUploaded', function (up, file) {
          $('#paginationimages').append("<img class='LoadclickImage' align='left' 
          style='height:90px;width:120px;' src='Uploads/" + 
          $("<%=currentDirectory.ClientId%>").value + "/" + file.name + "' 
          width='120' height='90' rel='group1' href='Uploads/" + 
          $("<%=currentDirectory.ClientId%>").value + "/" + file.name + "'  
          data-full='Uploads/" + $("<%=currentDirectory.ClientId%>").value + "/"
          +file.name + "'>");
  });

现在如何将滚动条添加到此

通常在网站的默认示例中,我们可以使用div的类,如下所示,它为div添加一个滚动条。但我想知道如何为动态内容执行此操作。

<div class="scroll-pane-arrows">
</div>

这就是我的div的样子:

<div id='paginationimages' class="thumbs">
</div>

1 个答案:

答案 0 :(得分:1)

  uploader.bind('FileUploaded', function (up, file) {
          $image = "<img class='LoadclickImage' align='left' 
          style='height:90px;width:120px;' src='Uploads/" + 
          $("<%=currentDirectory.ClientId%>").value + "/" + file.name + "' 
          width='120' height='90' rel='group1' href='Uploads/" + 
          $("<%=currentDirectory.ClientId%>").value + "/" + file.name + "'  
          data-full='Uploads/" + $("<%=currentDirectory.ClientId%>").value + "/"
          +file.name + "'>";
          $('#paginationimages').append($image).jScrollPane(...);
  });