2010-12-02 28 views
0

我需要加載圖像作爲用戶選擇。HTML jQuery與手動做它

我希望能夠使用DIV加載它們,但怎麼做呢?

jquery可以做到這一點,它是在JavaScript中,我相信。

那麼我該如何編寫一個管理div完成的函數,還是它太複雜了?

只是在這個階段尋求清晰。

謝謝。

編輯:好吧,我有下拉列表和用戶選擇一個選項,我需要加載一堆圖像。我想緩存圖像,然後顯示它們。

我可以告訴你我的網站,但那將是廣告。

<select id="videodromeMenu" onchange="doDestination('videodromeMenu');"> 
       <option>Choose Your Destination...</option> 
       <option>Pawns In The Game</option> 
       <option>Akira</option> 
       <option>Apocalypse Now</option> 
       <option>Blade Runner</option> 
       <option>Crouching Tiger Hidden Dragon</option> 
       <option>Dr. Strangelove</option> 
       <option>Enemy at the Gates</option> 
       <option>Nikita</option> 
       <option>Out Of Africa</option> 
       <option>Pulp Fiction</option> 
       <option>Scarface</option> 
       <option>Silence Of The Lambs</option>> 
       <option>The Abyss</option> 
       <option>The Big Blue</option> 
       <option>The Thirteenth Floor</option> 
     </select> 

這裏有一些代碼,但不會真的幫助我想。

+0

從用戶選擇使用什麼方法的位置加載圖像?什麼是「div完成」? – Quentin 2010-12-02 17:55:04

+3

顯示一些代碼或我的答案是'紫色' – zzzzBov 2010-12-02 17:55:14

回答

4
<select id="imageList"> 
    <option value="purple.jpg">Purple.jpg</option> 
    <option value="red.jpg">Red.jpg</option> 
    <option value="blue.jpg">Blue.jpg</option> 
</select> 

<div id="imageDisplay"></div> 

<script type="text/javascript"> 
    $('#imageList').change(function() { 
     $('#imageDisplay').empty() // remove what's currently in the div 
     $('#imageDisplay').html('<img src="' + $(this).val() + '" />'); 
    }); 
</script> 

這顯然需要調整...特別是圖像的路徑。但它基本上就是我想要的。