的Joomla添加JavaScript改變圖片

我想這取決於所選的選項編寫腳本來改變圖片的Joomla添加JavaScript改變圖片

<img id="image-manekin" src="path_img" /> 

<select id="form" class="required" name="form"> 
<option value="red">red</option> 
<option value="green">green</option> 
</select>

，當用戶點擊例如紅色畫面，如果所必要的重新加載，改變我看了內翻的地方，但找不到答案請幫忙。

來源

2012-09-10 Viszman

你會願意一起去jQuery解決方案嗎？ – Lodder

你能提供一些更詳細的信息嗎？它是你正在開發的組件的一部分，還是你想添加到文章中的東西？你想要的結果是什麼它只是視覺展示，還是你想像表單提交那樣存儲結果？ – Craig

這不是Joomla特有的，因爲這只是任何JavaScript + HTML。我用兩個點擊按鈕實現了這一點 - 你可以選擇不同的方式來做它，但它應該給你一個啓動的想法。

基本上，有兩個按鈕，紅色和藍色，如果你點擊它們，它們會換出HTML頁面正文中的圖像。很簡單？

<script type="text/javascript"> 
    function swapImage(intImage) { 
    switch (intImage) { 
     case 1: 
      img1.src = "http://www.addglitter.com/gr/backgrounds/red/red-0007.jpg" 
      return(false); 
     case 2: 
      img1.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Color_icon_blue.svg/220px-Color_icon_blue.svg.png" 
      return(false); 
    } 
    } 
</script> 

<img id="img1" name="img1" src="http://www.microsoft.com/library/toolbar/images/mslogo.gif"> 

<button type="button" onclick="swapImage(1)">Red Image</button> 
<button type="button" onclick="swapImage(2)">Blue Image</button>

來源

2012-09-10 21:24:23 ays0110

'LANGUAGE = JavaScript'？來...真的嗎？你剛剛從一箇舊論壇複製了這個嗎？ – Lodder

我從現有示例中複製了此JavaScript函數的模板，並將其更改爲適合提問者的需求。它不會改變函數內部發生的任何事情，但是我將刪除language = bit。 – ays0110

已編輯您的答案，並刪除了Joomla不需要的所有模板相關標籤。 – Lodder

的Joomla添加JavaScript改變圖片

回答

相關問題