使用CSS加載從文件夾更改的圖像

我期待在這裏指出正確的方向。我希望能夠使用css從文件夾加載圖像，而不管文件名是什麼。例如，我認爲CSS會是這個樣子使用CSS加載從文件夾更改的圖像

background: url(/wp-content/uploads/Folderwithimage) no-repeat;

所以我希望它看起來在該文件夾，並抓住唯一的圖像，並顯示它我指定的類。這個想法是，而不是每次我必須更改圖片時更改CSS代碼，我只需刪除舊圖片並在該文件夾中放置一個新圖片。想法，關切和更好的方式來做到這一切都歡迎！

來源

2015-10-13 Tyler Radlick

您可能需要在該文件夾中使用.htaccess文件來強制所有流量到圖像。除此之外，我無法使用在htaccess中使用的語法。或者，您可以始終將文件命名爲與替換文件相同並引用文件名。 –

因此，這裏是我去解決第一個JPG。我將創建一個允許用戶查看當前圖像的自定義Wordpress插件，並且用於替換圖像的按鈕將允許用戶選擇新圖像並將其上傳到wordpress。該插件將強制文件被命名爲與前一個文件相同，並且該腳本將刪除舊文件。這是我所想到的最好的。如果這個改變，我會更新答案，如果有人想要它，我也會發布最終的源代碼！

來源

2015-10-22 17:09:49

我會每次將這個文件重命名爲相同的名稱。如何做到這一點取決於這個文件如何到達那裏，但正如我看到你使用WordPress，所以你可以使用過濾器。也許這一個將幫助，或帶領你在正確的方向 https://codex.wordpress.org/Plugin_API/Filter_Reference/wp_handle_upload_prefilter

據我所知，這樣的事情是不可能的，只有使用CSS。

來源

2015-10-13 22:16:39

CSS應該主要用於造型內容;你所描述的可以用JavaScript/JQuery來實現。這可能會有所幫助：How to load all the images from one of my folder into my web page, using Jquery/Javascript

來源

2015-10-13 23:31:25 gio

你說得很好。我對Jquery不太熟悉，我希望有一種方法可以讓CSS看看一個文件夾，但我確信這不是真的可行。任何想法，如果這可以在PHP中完成？ –

另一方面，我從來沒有使用PHP，但是我知道node.js（javascript/jQuery的後端形式）和PHP之間有很多相似之處。抱歉不能具體！ – gio

如果它只有1張圖片，你應該可以用php來做，而不必惹麻煩。將1個圖像和下面的index.php文件放在文件夾中。如果您轉到url/wp-content/uploads/Folderwithimage，它將提供index.php，然後它將提供文件夾中的任何圖像。形象地說是一個jpg

的index.php

<?php 
$files=glob('*.jpg'); 
$img=array_pop($files); 
if ($img) 
{ 
    header("location: $img"); 
}

將成爲了找到

來源

2015-10-14 00:08:10 chiliNUT

這可能正是我所需要的，讓我儘快嘗試，謝謝！ –

使用CSS加載從文件夾更改的圖像

回答

相關問題