100%-150px


  • n0nick
  • 1335 Aufrufe 7 Antworten

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

  • 100%-150px

    Hallo,
    ich würde mal gern wissen ob ich ein bild so machen kann das 100%-150px.. mit normal html wird es ja net gehen aber vielleicht ja mit js.. am besten wäre es auch wenn man das fenster verkleiner oder vergrößert das sich es dann wieder ändert auf 100%-150px..
    hat das jetzt noch jemand verstanden^^

  • hmm ... sag' mal wofuer genau du das brauchst ... denke, wenn du mit tables arbeitest kannst du das erreichen, was du haben willst!!
    so in der art:

    HTML-Quellcode

    1. <table width="500px">
    2. <tr>
    3. <td width="75">&nbsp;</td>
    4. <td width="100%"><img src="dasBild.jpg"></td>
    5. <td width="75">&nbsp;</td>
    6. </tr>
    7. </table>

    hilft dir das weiter!?
    mittels JS ist es, meines wissens nach, nicht moeglich die breite/hoehe eines bildes herauszufinden!?
    mittels PHP waere es moeglich!

    ceeyaa.mex

  • hmm wollte es in ein css einfügen das das images was als hintergrund arbeitet platz hat das mit dem tabelen funkz bei links und rechts nur leider nicht bei oben/unten wegen scrollen aber naja werde es mit % lösen wenn es mit js auch nicht möglich ist...

  • oben und unten koenntest es so machen:

    HTML-Quellcode

    1. <table width="500px" height="500px">
    2. <tr>
    3. <td height="75px" colspan="3">&nbsp;</td>
    4. </tr>
    5. <tr>
    6. <td width="75px">&nbsp;</td>
    7. <td width="100%"><img src="dasBild.jpg"></td>
    8. <td width="75px">&nbsp;</td>
    9. </tr>
    10. <tr>
    11. <td height="75px" colspan="3">&nbsp;</td>
    12. </tr>
    13. </table>
    Alles anzeigen


    fuer table width="500px" height="500px" musst du dann aber die original groesse des bildes nehmen!!
    kannst du PHP!?

    ceeyaa.mex

  • ok, wenn du mit PHP klar kommst, dann passt's!!

    habe noch ein wenig mit JS rumgespielt, moeglicherweise hilft dir das weiter!!
    ONLINE DEMO: http://mexxem.me.funpic.de/FSB/image/image.html

    HTML-Quellcode

    1. <HTML>
    2. <HEAD>
    3. <title>imageSize</title>
    4. <script type="text/javascript" language="JavaScript">
    5. function dispImgNFO(image) {
    6. var newWidth = image.width-150;
    7. var newHeight = image.height-150;
    8. alert ('alt: ' + image.width + 'x' + image.height + '\r\nneu: ' + newWidth + 'x' + newHeight);
    9. image.style.width = newWidth;
    10. image.style.height = newHeight;
    11. }
    12. </script>
    13. </HEAD>
    14. <BODY>
    15. <img src="BlaueBerge.jpg" onMouseOver="dispImgNFO(this);"><br />
    16. <img src="felge.jpg" onMouseOver="dispImgNFO(this);"><br />
    17. <img src="ntimage.gif" onMouseOver="dispImgNFO(this);"><br />
    18. </BODY>
    19. </HTML>
    Alles anzeigen

    wie du siehst, scheint es doch mit JS auch realisierbar zu sein! du musst die funtkion halt nur noch so umschreiben, dass sie beim laden der seite aufgerufen wird und dass sie alle images resized!!

    ceeyaa.mex