2010-12-02 5 views
0

J'ai besoin de charger les images que l'utilisateur sélectionne. Je souhaite les charger en utilisant DIV, mais comment le faire?HTML jquery vs le faire manuellement

jquery peut le faire et il est en javascript, je crois. Alors, comment puis-je écrire une fonction qui gère la complétion div ou est-ce trop compliqué?

juste pour plus de clarté à ce stade.

merci.

edit: bien j'ai une liste déroulante et comme l'utilisateur sélectionne une option j'ai besoin de charger un tas d'images. Je voudrais mettre en cache les images et ensuite les montrer.

Je peux vous montrer mon site, mais ce serait de la publicité.

<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> 

Voici un code mais ne m'aidera vraiment pas.

+0

Charger des images d'où l'utilisateur sélectionne quoi en utilisant quelle méthode? Qu'est-ce que "div completion"? – Quentin

+3

Montre du code ou ma réponse est 'purple' – zzzzBov

+1

Clarifiez ce que vous voulez dire en chargeant des images que l'utilisateur sélectionne. – simshaun

Répondre

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> 

Cela nécessitera évidemment des ajustements ... en particulier les chemins vers les images. mais c'est essentiellement ce que je -pense que tu cherches.

+0

c'est génial. Cela me permet d'apprendre et d'utiliser quelque chose comme jquery. Merci beaucoup. – iTEgg

+2

um ... Je n'essayais pas vraiment de vous dissuader d'apprendre :( – charliegriefer

+0

je sais, mais apprendre un paquet entier qui est jquery juste pour cela (c'est tout ce dont j'ai besoin) serait trop.J'apprends! – iTEgg

Questions connexes