首先我對JavaScript是全新的，但我有一些HTML/CSS的經驗。我一直在試圖爲一個網站創建一個html/javascript圖片庫; （在PHP中執行操作可能會容易得多，但出於安全原因，Web協調員在我們的服務器上禁用了PHP）。更改全局變量onclick/img源更新與JavaScript變量
無論如何我所擁有的是一個頁面，分別顯示了不同的div和2個iframe中的Album-list，Album-browser和Photo-viewer。我已經設置好了，當有人點擊專輯列表中的相冊時，相冊瀏覽器部分會打開一個頁面（iframe：「瀏覽器框架」，顯示特定相冊中所有圖像的縮略圖）。我一直在試圖設置它，以便當有人點擊相冊瀏覽器中的圖像時，圖像將出現在照片查看器部分（iframe：「查看器幀」，顯示照片本身）。
我不想在觀衆幀照片的比設定尺寸爲觀衆幀所以我創建了一個頁面的瀏覽器框架是將圖像放大在一類組尺寸（在樣式表中所定義的）如下一個div：
...<body>
<div class="photoview">
<img id="viewed_image" class="large" src="images/album1/1.jpg" />
</div>
</body>...
我然後創建了一個腳本，更新的圖片src到一個變量：image_to_be_viewed並把它稱爲圖像changer.js
// JavaScript Document
{
var image_to_be_viewed="images/album1/1.jpg";
document.getElementById("viewed_image").src=image_to_be_viewed;
}
，並增加了腳本的瀏覽器框架頁，因此它看起來像：
...<body>
<div class="photoview">
<img id="viewed_image" class="large" src="images/album1/1.jpg" />
<script src="image-changer.js"></script>
</div>
</body>...
現在我想的畫廊工作，以便在瀏覽器框架中加載的頁面中，每當點擊一個圖片，如下「image_to_be_viewed」全局變量的值會被改爲點擊圖片來源：
<body>
<div class="photobrowse">
<img class="medium" src="images/album1/1.jpg" onClick="image_to_be_viewed='images/album1/1.jpg'"/>
<img class="medium" src="images/album1/2.jpg" onClick="image_to_be_viewed='images/album1/2.jpg'"/>
<img class="medium" src="images/album1/3.jpg" onClick="image_to_be_viewed='images/album1/3.jpg'"/>
</div>
</body>
它不工作....
我工作的畫廊是http://ptc.tamu.edu/test/gallery_directory/test_gallery.html 的一切行動在觀衆幀作品選定圖片的加載（我運行在上默認加載圖片1,2,3點擊數事件在瀏覽器框架頁）（默認PIC的4和5只需加載圖像中的iframe中，但沒有辦法調整它的大小太大而被切斷，我不希望出現這種情況）
我一直在努力一整天，我確信我在這裏做錯了事，但我無法弄清楚究竟是什麼。我有一種感覺它與改變全局變量做的：image_to_be_viewed從瀏覽器框架的頁面，但我想與專家，而不是像一隻無頭魚撲騰確認。我將繼續嘗試解決這個問題，但我想也許有一些專家的幫助會加快這個過程。