加載和顯示圖像從服務器目錄幻燈片（文件夾）

我使用.NET C＃，我動態創建文件夾來存儲我上傳的圖片，例如：加載和顯示圖像從服務器目錄幻燈片（文件夾）

strFolder = Server.MapPath("./folder/folder_"+folid+"/")

所以，我可以根據創建不同的文件夾該頁面的唯一ID。我也從我上傳的圖片（剪裁的圖片）創建了一個縮略圖圖片。

我試圖弄清楚的問題是從這些動態創建的文件夾（在頁面中顯示縮略圖並單擊縮略圖需要像幻燈片放映一樣查看完整大小的圖像）以幻燈片形式顯示這些圖像。

我想看看jQuery中的例子，但它只是客戶端。那麼是否有任何方法來加載這些圖像並以目錄中的幻燈片形式顯示。我應該在C＃中處理DirectoryInfo嗎？期待一個簡單的。

來源

2010-01-27 jero

在客戶端我用.net中的jquery和Repeater Control來綁定url和縮略圖。我用收藏夾和jQuery顯示形象。客戶端代碼是這樣的：

<script type="text/javascript"> 
    $(function() { 
     $('a[@rel*=lightbox]').lightBox(); 
    }); 
    </script>

和中繼控制用於縮略圖和URL鏈接：

<asp:Repeater id="imageRepeater" runat="server"> 
     <ItemTemplate> 
    <a href='<%# Page.ResolveUrl((string)DataBinder.Eval(Container.DataItem, "largeImage")) %>' rel='lightbox'> 
     <asp:Image ID="Image1" runat="server" ImageUrl='<%# Page.ResolveUrl((string)DataBinder.Eval(Container.DataItem, "thumbImage")) %>' Width="100" Height="75"> 
     </asp:Image></a> 
     </ItemTemplate> 
     </asp:Repeater>

在代碼我們可以將它與數據集綁定。

來源

2010-02-02 22:14:52 jero

我不熟悉.net或C＃，但可以在上傳文件並創建縮略圖後使用jQuery。你也可以使用一些PHP迭代地將標記吐出來，然後將所有東西都包裝到div中，並使用一個像Colorbox或Fancybox的lightbox插件。例如：

<div class='fancybox-wrapper'> 

<?php 
    $mydir = '/my_directory/'; 
    $dir = opendir($rootdir); 

    while (false !== (readdir($dir))) { //starts the loop 
     if ($file != '.' && $file != '..') { //strips current & parent directories 
      $file_thumb = explode($file, '.'); //generates the thumbnail file name 
      echo "<div rel='group'><a href='".$file."'> 
       <img src='thumbs/".$file_thumb[0]."_thumb.'".$file_thumb[1]."'/> 
       </a></div>"; 
     } 
    } 
?> 

</div>

，然後你有插件腳本：

<script type='text/javascript'> 
    $(document).ready(function() { 
     $('div.fancybox-wrapper').fancybox(); 
    }); 
</script>

也許確切的語法可能無法與你有你的文件結構設置方式工作，但希望這將讓你開始！

來源

2010-01-28 03:42:04 saibot

加載和顯示圖像從服務器目錄幻燈片（文件夾）

回答

相關問題