2011-04-07 81 views
1

比方說,我有一堆與像這些基於日期的文件名的圖像:我想創建一個圖像滑塊滑動全自動文件夾中的所有相似的圖像

網址/圖片/ top20110326.png

URL /圖像/ top20110327.png

URL /圖像/ top20110328.png

URL /圖像/ top20110329.png

URL /圖像/ top20110330.png

網址/圖片/ top20110331.png

網址/圖片/ top20110401.png

網址/圖片/ top20110402.png

我想找到一些類型的代碼或工具或插件那會給我這些功能:

  1. 自動加載給定圖像的所有url地址的圖像。
  2. 爲用戶提供一個滑塊,以便按日期順序快速滑過圖像
  3. 爲用戶提供了一個自動滑動圖像的選項(沒有任何效果,只需將其中一個替換)。優選具有可調速度。
  4. 顯示圖像大小的框應該可以在代碼中調整,並且圖像應該根據需要調整大小或拉伸以適合框。

PS:服務器是一個PHP服務器

+3

到目前爲止,你有什麼,以及它是如何工作的? – 2011-04-07 19:03:40

+0

除了這些圖片,我還沒有任何東西。我試圖找到一個已經開發出來的解決方案,它只是讓我修改它,而不必從頭開始構建。 – KoKo 2011-04-07 19:14:57

+0

這是一個工作機會嗎? – 2011-04-07 20:45:22

回答

3

你需要的東西是這樣的: 1.通過Java,PHP或其他服務器端語言讀出你的圖片庫文件夾中的文件。 2.列出他們的名字(如果你喜歡其他信息)。 3.通過JavaScript或jQuery的告訴他們......

您可以在PHP中使用此代碼讀取該文件夾的文件:

$dir = getcwd()."/ImageGalleryFolder/"; 

if (is_dir($dir)) { 
    if ($dh = opendir($dir)) { 
     while (($file = readdir($dh)) !== false) { 
      if (($file != '.') && ($file != '..') && !is_dir($dir.$file)) { 

           // YOU HAVE FILENAME HERE ($file), USE IT AS YOU LIKE! 
           // note: the complete path of your file is $dir.$file 
         } 
       } 
     } 
} 

有很多免費的JavaScript和jQuery圖片滑塊&輪播中網...其中一些甚至可以讀取一個圖像文件夾(但我不記得他們的名字)...

看看這些地方(你可以找到更多的搜索結果)...

http://www.blogohblog.com/20-killer-image-sliders-carousels/

http://www.vivalogo.com/vl-resources/javascript-slideshows-sliders-carousels.htm

+0

你可以使用'glob(「url/images/top * .png」);' – 2011-04-07 20:48:38