2012-09-06 41 views
1

給每個人都帶來歡樂!使用php mysql翻轉圖像onmouseover

我有一些圖像(100x100)。根據查詢返回的結果數量,我可以有許多圖像。

在鼠標懸停後,每個圖像都應該翻轉或消失,並從數據庫中創建一些文本。請注意,每張圖片都有不同的信息(文字如:描述)「在後面」。

即時通訊使用PHP,JavaScript,JQuery的,但我不是專家。我有一點谷歌,但只發現翻轉image1到image2,而不是我所願。

我的大問題是,我想要顯示onflip的信息來自查詢和Java不工作。

你能指導我或給我看一個教程嗎?謝謝:)

回答

1

下面是一些教程,看起來像你想要什麼:http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/

演示是在這裏:http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php

如何用新的東西像這樣的工作是隻寫的教程列出它。接下來,我得到我的數據,並用數據庫中的數據替換硬編碼值。

要想從一個SQL查詢的數據到你的JavaScript,請參閱:http://nicholaskreidberg.com/2011/using-php-data-in-javascript-functions/

這些都是碎片,你只需把它們放在一起。首先讓圖像翻轉以使用硬編碼值,然後切換到從PHP獲取數據,然後完成。

+0

美麗!我希望我可以自己做:) – user1148875