2011-08-26 58 views
0

學習CSS和jQuery的基本知識後隨機定位的話(鏈接),我想建立一個簡單的網站爲藝術宗旨,分層是這樣的:在不斷變化的背景

  1. 後臺通過瀏覽器窗口調整大小的圖像;或者每天選擇一張隨機圖片或者幻燈片放映>對於超級圖像/超大尺寸/類似的解決方案可能最好?

  2. 最多11個隨機定位的div,每個都包含一個詞(鏈接),模糊不清,關注於懸停>模糊/焦點效果可能最好使用CSS sprites和.png文件完成?

  3. 點擊一個鏈接覆蓋所有文字和圖片出現的居中div,如果存在比視口可顯示更多的內容,則該div中的內容應該可滾動>是這些「lightbox」或「模式」中的一個窗口「的東西?

請在這裏看到這個近似原理:

我特別不知道如何實現2,隨機在背景定位的話。關於3.我只找到了圖片庫等的示例,但沒有內聯(?)html內容,可以將其作爲任何其他內容的樣式。但是,也許整個原則不可能實現?我寧願快樂地學習,甚至在我這個年齡,所以如果你能在正確的方向點我...

+1

如果有幫助:是都可以完成。 – thirtydot

+0

2.另請參閱: http://stackoverflow.com/questions/6224571/positioning-multiple-random-sized-absolutely-positioned-elements-so-they-dont http://stackoverflow.com/questions/1286855/generate-random-element-position-and-prevent-overlapping-in-javascript – feeela

+0

Hej十三歲,可以做得很好。這不像幾年前似乎很流行的詞雲,但我會查找這些鏈接。謝謝。 – Systembolaget

回答

1
  1. OK Go的只是生成與JS隨機數(限制) (的Math.random()),並使用該用$(元素)的.css() - 一定要使用正確的CSS定位
  2. 您可能正在尋找像某事:http://fancybox.net/
+0

Hej m90,至於2.你在那裏建議,我會嘗試;至於3.這似乎是非圖像廊使用的一個好主意,在我的情況下需要,感謝這些提示。 – Systembolaget

+0

你也可以嘗試使用這個:http://www.pixastic.com模糊部分,順便說一句。 – m90

+0

感謝pixastic鏈接;多麼簡單的好主意。但不幸的是,這將排除仍然是多數的IE用戶? – Systembolaget