Avatar billede f_rollo Nybegynder
15. november 2005 - 22:15 Der er 10 kommentarer og
1 løsning

Skal have billede til at ændre sig efter valg i pull down list

Hej

Jeg søger noget javascript, således at et billede ændre sig, alt efter hvad man vælger i en pull down menu...
Eks:
  <select name="dfgdfg" id="dfgdfg">
    <option value="type1">type1</option>
    <option value="type2">type2</option>
    <option value="navn5">navn5</option>
    <option value="navn_223">navn_223</option>
  </select>

Billedet skal altså være et demo inden noget er valgt og så vise det rette billede til det enkelte valg. Og hvad brugere bagefter vælger om, skal billedet skifte igen...

Er der en javascript haj som kan hjælpe mig?
Avatar billede olebole Juniormester
15. november 2005 - 22:21 #1
<ole>

Hvad er sammenhængen mellem billedernes filnavne og dine options' værdier?

/mvh
</bole>
Avatar billede roenving Novice
15. november 2005 - 22:22 #2
Hvordan kender du forskel på billederne ?-)
Avatar billede f_rollo Nybegynder
15. november 2005 - 22:52 #3
hmmm... umiddelbart er der ingen sammenhæng mellem billednavne og værdier.
Navnene i listen bliver f.eks. Johan Johansen - Træner og value et unikt id som er knyttet til ham:

  <select name="dfgdfg" id="dfgdfg">
    <option value="1">Johan Johansen - Træner</option>
    <option value="2">Hans Hansen - Hjælpetræner</option>
    <option value="3">Pelle Bukseløs - træner</option>
    osv
  </select>

Billederne kan navngives som det skal være... f.eks. billede1.jpg, billede2.jpg osv...
Der er vel ikke noget galt i, at billedeX.jpg er det samme som value"X"
Avatar billede olebole Juniormester
15. november 2005 - 22:56 #4
<script type="text/JavaScript">
function swap(sel){
    document.getElementById("myPic").src = "billede" + sel.value + ".jpg";
}
</script>

<select name="dfgdfg" id="dfgdfg" onchange="swap(this)">
    <option value="1">Johan Johansen - Træner</option>
    <option value="2">Hans Hansen - Hjælpetræner</option>
    <option value="3">Pelle Bukseløs - træner</option>
</select>

<img id="myPic" src="billede1.jpg">
Avatar billede f_rollo Nybegynder
15. november 2005 - 23:26 #5
Tak... jeg prøver det i morgen :-O
Avatar billede olebole Juniormester
16. november 2005 - 00:37 #6
- do that ... og for at du nu ikke skal brokke dig over, billederne ikke kommer hurtigt nok frem, får du lige koden til en preloader:

<script type="text/JavaScript">
var aPics = ["billede2.jpg", "billede3.jpg", "billede4.jpg"];

function swap(sel){
    document.getElementById("myPic").src = "billede" + sel.value + ".jpg";
}

window.onload= function() {
    for (var i=0; i<aPics.length; i++) {
        var im = new Image();
        im.src = aPics[i];
    }
}
</script>

'billede1.jpg' bliver jo vist 'ved fødslen' af siden og behøver derfor ikke at blive preloaded  :)
Avatar billede f_rollo Nybegynder
26. november 2005 - 18:35 #7
Tak for hjælpen... de virker fint.
Har lige set pre load funktionen... slet ikke nogen tosset ide. Den kommer på asap.

Smider du et svar?
Avatar billede f_rollo Nybegynder
27. november 2005 - 16:27 #8
Hej igen

Jeg har lavet preloaderen sådan jer:
window.onload= function() {
    for (var i=0; i<aPics.length; i++) {
        var im = new Image();
        im.src = "../data/billeder/profiler/" + aPics[i];
    }

Er det korrekt?
Fandt det lettere end at skulle have hele stien i:
var aPics = ["1.gif", "2.gif", "3.gif", osv...

(PS... post et svar, så du kan få points olebole)
Avatar billede f_rollo Nybegynder
14. december 2005 - 11:28 #9
Svar min ven, svar!!!
Avatar billede roenving Novice
15. december 2005 - 13:48 #10
Ole holder vist en pause for tiden, han er i hvert fald ikke set meget !-)
Avatar billede f_rollo Nybegynder
14. marts 2006 - 11:48 #11
hmmm... lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester