我想在燈箱中的WordPress站點中顯示圖像。如果用戶單擊任何帖子或頁面中的圖像,那麼該圖像應該出現在帶有next和prev選項的燈箱中。如果用戶點擊了Esc鍵,它就會消失。不知道從哪裏開始,如何開始任何人都可以幫忙?如何在wordpress中將所有圖像顯示到燈箱中
回答
這種事情有很多插件。我們以前使用過Easy Fancybox,並且運行良好。
但我想自己實現,所以我從帖子中提取圖片url,但沒有任何關於將其帶到燈箱的想法,因爲我必須確定用戶是否點擊圖片 – sun
您不想使用插件?或者你想從頭開始創建一個燈箱?如果你不想使用插件,看看[fancybox](http://fancybox.net/) - 你可以直接加入。如果你想從頭開始創建一個,祝你好運。在很多邊緣情況下(瀏覽器考慮因素等),這將是很多工作。要檢測圖像上的點擊,您可以使用jQuery;例如:'$('img')。click(yourhandler)'。但如果這對你來說是新的,那麼構建一個完整的燈箱將會非常困難。 – Hobo
謝謝,我想從頭開始。現在我從頭開始,因爲你告訴我使用'$('img')。click(myhandler)'並且顯示一個lightbox不是問題,但我不知道哪個圖像用戶點擊,因爲如果我們確定了那麼只有我們可以通過img ** src **輕鬆地在燈箱中顯示它 – sun
嘗試nextgen gallery。這是最常用的畫廊插件
巨大的它的插件爲我工作:)它是免費的,並在所有以前上傳的圖像作品。
- 1. 燈箱顯示大圖像
- 2. 如何在燈箱中顯示二進制圖像數據
- 3. PPT顯示燈箱(wordpress)
- 4. 如何在沒有TYPO3 Extension的v6.6燈箱中顯示圖片
- 5. 將燈箱添加到wordpress
- 6. jQuery燈箱單幅圖像顯示
- 7. 燈箱打開但圖像不顯示
- 8. JavaScript幻燈片顯示所有圖像
- 9. 如何鏈接到燈箱幻燈片中的特定圖像?
- 10. 在Wordpress中的燈箱
- 11. 如何在圖像視圖中顯示所有圖像
- 12. 在WordPress頁面中顯示文件夾中的所有圖像
- 13. Squarespace燈箱圖像居中
- 14. 如何顯示使用燈箱縮放的圖像尺寸?
- 15. 燈箱顯示目錄中的多個圖像
- 16. 將目錄中的所有圖像文件顯示到WordPress模板頁面
- 17. 同位素和燈箱,如何只顯示燈箱中的可見(過濾)圖像
- 18. Javascript幻燈片顯示問題同時顯示所有圖像
- 19. 在燈箱中的顯示鏈接
- 20. 如何在WordPress中將多個圖像顯示爲滑塊?
- 21. 在jQuery中使用燈箱圖像庫
- 22. 燈箱圖片太小(wordpress)
- 23. WordPress的 - 有一個燈箱
- 24. 幻燈片通過wordpress燈箱圖片
- 25. 如何在Android中顯示座位圖像,如下圖所示?
- 26. 如何顯示所有箱型標籤
- 27. jQuery燈箱或具有圖像陣列的燈箱
- 28. 燈箱2顯示單個圖像的圖片庫
- 29. 燈箱顯示2個圖像,縮略圖的問題?
- 30. 如何在WordPress中顯示像這樣的圖像內容?
'WordPress的插件目錄' –
要麼你需要一個插件(有大量的周圍),或者你需要包括燈箱(或fancybox)jquery,對文件進行更改使用它並在jquery中進行配置。插件是一個簡單的選擇。 –