2010-12-02 2 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

Показать код или мой ответ `purple` – 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> 

Это, очевидно, потребуется изменить ... особенно пути к изображениям. но это в основном то, что я хочу ... вы ищете.