按文字跑出相應的圖像（組）

互動文中，在於讓讀者可以經驗到更多，從文本的互動中。但，什麼是可以讓讀者經驗到更多的方法呢？「更多的資料」，是一種答案。很不錯的答案。

但，我在思考的是，「互動形式」如何可以讓讀者「得到更多」，在閱讀的經驗中。

於是，如果這種想法是對的話，那麼，什麼是「對的互動形式」，就進入了可以被討論的論證範圍！成為創作過程中，具有創造意義呈現的某種關鍵性技能。

就此，一位作者的「程式掌握」能力，就是文本結構的必要寫作技能。換言之，寫程式是作者要會的技能，而不是丟給程式設計的委派工作。

於是，在數位文本的教學中，教程式就獲得了合法的理論論證。那麼，這一篇，這是對的互動形式嗎？

Click !! ↓↓

海邊看海

小廟香火

渡天宫的入口

石頭在海水中

顏色鮮鮮的香火

居高臨下

程式語法：



 <div id="test0422">
      <p onclick="myfunction0422(this, 0)">海邊看海</p>
      <p onclick="myfunction0422(this, 1)">小廟香火</p>
      <p onclick="myfunction0422(this, 2)">渡天宫的入口</p>
      <p onclick="myfunction0422(this, 3)">石頭在海水中</p>
      <p onclick="myfunction0422(this, 4)">顏色鮮鮮的香火</p>
      <p onclick="myfunction0422(this, 5)">居高臨下</p>
    </div>
    <br>

   <img style="width:100%;" src="https://images.pexels.com/photos/4196318/pexels-photo-4196318.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940"
      alt="" id="aaa02"><br>


  <script>

     var imgarry = [
       "https://images.pexels.com/photos/4196318/pexels-photo-4196318.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
       "https://images.pexels.com/photos/4196316/pexels-photo-4196316.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
       "https://images.pexels.com/photos/4196315/pexels-photo-4196315.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
       "https://images.pexels.com/photos/4183204/pexels-photo-4183204.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
       "https://images.pexels.com/photos/4183201/pexels-photo-4183201.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
       "https://images.pexels.com/photos/4183199/pexels-photo-4183199.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"];  //共六張圖

    function myfunction0422(objj, ind) {  //指定第幾張圖
      objj.style.display = "none";
      document.getElementById("aaa02").src = imgarry[ind]; };
   
 </script>