Bild immer dynamisch ändern

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Bild immer dynamisch ändern

    Hi,

    dank euch nochma für die ganze Hilfe - hab aber grad auch noch nen anderes Problem :P

    Also ich würd gern das Bild immer dynamisch ändern, aber irgendwas hab ich da falsch... villt die Hochkomma oder so... Villt könnt ihr mir ja helfen :/


    Quellcode

    1. function chngsrc(source)
    2. { document.getElementById('visual').src=source
    5. }

    Quellcode

    1. <li><a href="#" onClick="clearalllayers(); document.getElementById('layermenue1').style.visibility='visible';chngsrc('elemente/home.jpg'); ">Example...</a></li>

  • Quellcode

    1. function chngsrc(source) {
    2. document.getElementById('visual').src = source;
    3. }

    Die JavaScript-Funktion.

    Dann würde ich das

    Quellcode

    1. document.getElementById('layermenue1').style.visibility='visible';

    auch in eine Funktion packen, spart dir Schreibarbeit im HTMl-Template:

    Quellcode

    1. function show(element) {
    2. document.getElementById(element).style.visibility = 'visible';
    3. }

    Und nun noch ein Beispiel, wie es dann später im HTML aussehen könnte:

    Quellcode

    1. <script type="text/javascript">
    2. function chngsrc(source) {
    3. document.getElementById('visual').src = source;
    4. }
    6. function show(element) {
    7. document.getElementById(element).style.visibility = 'visible';
    8. }
    9. </script>
    11. <div id="header">
    12. <img src="/dir/file.jpeg" id="visual" at="" />
    13. </div>
    15. <div id="layermenue1" style="visibility:hidden;">
    16. hallo welt!
    17. </div>
    19. <li><a href="#" onClick="clearalllayers(); show('layermenue1'); chngsrc('elemente/home.jpg'); ">Example...</a></li>
    Alles anzeigen

    Ganz wichtig ist natürlich, dass du die ID "visual" auch dem richtigen Bild zuweist.