Friday, April 29, 2011

Control the size of third party script image

I have the following script embedded in my webpage:

<script src="" ></script>

Given that the script will display an image, and I embed the script in a panel. Is there anyway to make sure that the image script will resize automatically ( so that the image always locates inside the panel) depending on the screen size?

From stackoverflow
  • Put that script inside a div with fixed width and style the image as well - i.e.:

    <div id="thescript">
      <script src="..."></script>


    /* CSS */
      width: 200px;
      height: 200px;
      overflow: hidden;
    /* alternative */
    #thescript img{
      width: 200px;

    On the other hand, if you want to depend on the screen size, then I guess you're searching for a % width instead of fixed pixels.


Post a Comment