ajax代碼來更改模板中的網頁上的圖像

模板

有一個主圖像&我想更換主圖像上的某些頁面只有不完整的網站。我正在尋找的是將主圖像更改爲頁面上的新圖像，我需要使用ajax。

，當我看到這個模板的CSS我發現下面的代碼來顯示圖像

.TOP-BG {

background:url(../images/top-bg.jpg) 
top center no-repeat; 
position:relative; 
    }

和PHP頁面上，我發現下面的行由此帶來的圖像。

 <div class="top-bg">

我需要ajax/jquery代碼來更改圖像。

我的基本邏輯是，我將從MYSQL數據庫中獲取該圖像URL並分配給一個變量，然後我將更改來自數據庫的圖像，實際上它的一個頁面顯示產品，我想顯示產品的主圖像與裁判負載的產品，我希望你能明白我需要在最後...

感謝

感謝每一個怎樣的答覆，我找到了解決辦法

$（文件）。就緒（） function（）{（'＃imageContainer'）。css（「background-ima ge「，」url（images/cube.jpg）「）;
} ）;

這個做把戲我我需要什麼，任何感謝的方式，也-ve投票感謝...：（（

來源

2010-10-18 air

在你想要的圖像什麼事件改變了嗎？ – 2010-10-18 12:13:02

親愛的@david謝謝，我只需要改變圖像我可以在頁面加載或dom準備好任何東西.... – air 2010-10-18 12:15:04

你使用的是什麼模板系統？ – mcgrailm 2010-10-18 12:40:00

雖然我認爲Ajax是你的問題的錯誤的解決方法，我會爲您提供以下（其中，至少，滿足您的問題）：

$('#changeImage').click(
    function(){ 
     $('#imageContainer').load('http://path.to.php/file.php #imageID'); 
     return false; 
    } 
);

點擊的id="changeImage"元素將加載內容id="imageID"來自位於網址http://path.to.php/file.php的php文件到一個元素（推測是div，但無論如何）id="imageContainer"。

這就是說，我會建議遵循@Nick Craver和@Aaron Digulla的建議和使用CSS。

如果你view source在我的網站上有一個關於jQuery的load的工作演示（發佈在回覆不同的SO問題）在http://davidrhysthomas.co.uk/play/loadDemo.html。

根據OP的意見編輯。

要自動執行此操作，在頁面加載：

$(document).ready(
function(){ 
    $('#imageContainer').load('http://path.to.php/file.php #imageID'); 
} 
);

來源

2010-10-18 12:18:09

親愛的，但我需要圖像加載自動不點擊... – air 2010-10-18 12:24:14

你不需要任何JavaScript就爲這個，只包括另一個樣式表（。或<style>塊）你想拍攝的網頁改變了只有這個在那裏：

.top-bg { background:url(../images/other-image.jpg); }

還是<style>版本：

<style type="text/css"> 
    .top-bg { background:url(../images/other-image.jpg); } 
</style>

爲L翁，因爲這是宣佈該模板的樣式表後，即background屬性將覆蓋模板之一，你必須對只是這些頁面自定義映像。

來源

2010-10-18 12:13:30

親愛的我知道它，但我的基本邏輯是不同的你認爲，我將從MYSQL數據庫中分配圖像URL並分配給一個變量，然後我將更改來自數據庫的圖像，實際上它的一個頁面顯示產品，我想以顯示產品的主要形象與參考加載的產品，我希望你會明白我最後需要什麼...謝謝你的回覆 – air 2010-10-18 12:17:38

-1

我認爲AJAX是這裏的錯誤的做法。當用戶與網頁交互時，應該使用AJAX加載新數據。

您的問題可以更簡單的解決：如果你可以添加一個AJAX調用頁面的代碼，爲什麼不能簡單地添加新的CSS樣式：

.tob-bg { 
    background:url(../images/other.jpg) top center no-repeat; 
}

或者創建第二個模板和使用除了主頁以外的所有內容。

來源

2010-10-18 12:14:34

ajax代碼來更改模板中的網頁上的圖像

回答

相關問題