Bild nur ab bestimmter Browsergröße anzeigen.

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

  • Bild nur ab bestimmter Browsergröße anzeigen.

    Hallo.

    Ich habe eine Tabelle erstellt. In dieser gibt es ein Hintergrundbild und ein Normalbild. Jetzt möchte ich das bis zu einer bestimmten Größe des Browsers (Z.B. ab 800x600) das Normalbild gar nicht engezeigt wird, da es sich mit dem Hintergrundbild überschneidet. Erst ab 800x600 soll es rechts angezeigt werden. Wie lässt sich soetwas lösen?


    Code:

    Quellcode

    1. <tr>
    2. <td height="80" colspan="3" background="img/note.png"><img src="img/dreieck.png" alt="Dreieck" width="135" height="66" align="right"></td>
    3. </tr>


    Danke
    Mycros

  • Hallo,

    kein fertiger Code, aber so in der Richtung:

    Quellcode

    1. // Netscape
    2. if (window && window.innerWidth) {
    3. intWidth = window.innerWidth;
    4. //Internet Explorer
    5. } else if (document && document.body && document.body.offsetWidth) {
    6. intWidth = document.body.offsetWidth;
    7. //kann nicht ermittel werden
    8. } else {
    9. intWidth = null;
    10. }
    12. Netscape
    13. if (window && window.innerHeight) {
    14. intHeight = window.innerHeight;
    15. // Internet-Explorer
    16. } else if (document && document.body && document.body.offsetHeight) {
    17. intHeight = document.body.offsetHeight;
    18. //kann nicht ermittel werden
    19. } else {
    20. intHeight = null;
    21. }
    Alles anzeigen


    An Hand der Werte "intWidth" und "intHeight" könntest Du dann z.B. mit "display = inline" bzw "display = none" das Bild anzeigen oder nicht...

    70abc
    We raise hopes, here ... until they're old enough to fend for themselves.
    - Mike Callahan