台灣最大程式設計社群網站
線上人數
1529
 
會員總數:244807
討論主題:188841
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> 如何用jquery按鈕切換內容
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
如何用jquery按鈕切換內容
價值 : 50 QP  點閱數:121 回應數:4

樓主

小飛
初學者
197 283
1437 198
發送站內信


請問我需要一功能,我有一html內容,裡面有文字和圖片,我想用個按鈕,按下去後,內容中的圖片會變成iframe的youtube影片

可否做得到

感謝!

搜尋相關Tags的文章: [ jquery按鈕 ] ,
本篇文章發表於2019-06-20 12:39
== 簽名檔 ==
小飛
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
最有價值解答

彩虹
檢舉此回應
假設要遷入的 youtube 為:「<iframe width="560" height="315" src="https://www.youtube.com/embed/C0DPdy98e4c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>」

那你可以這樣做
1. 先在 img 外層包一個 <div>


2. 使用 jquery 的 html()

本篇文章回覆於2019-06-20 18:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

小飛
檢舉此回應
感謝提供,這方式可以的,但還有個問題

<!--包一層 div 並且設定 id-->
<div id="switchContent">
其他文字內容
<img src="123.jpg">
</div>

在div裡面有其他的文字內容要保留,只將圖片換掉,怎麼做?
本篇文章回覆於2019-06-20 23:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
那就別把文字放在div裡啊
switchContent這個div就是單純用來做切換效果的
和你的切版無關,別把不相干的東西放進去
本篇文章回覆於2019-06-21 09:12
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

小飛
檢舉此回應
好的,問題解決了,謝謝
本篇文章回覆於2019-06-21 09:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.