Javascript Help !!!!!

• dbloc

  Ok I have an image that is

  width: 1500px
  height: 610px;

  the image it contained in a div

  I want this image to be 100% the height of the window.

  If the full width of the image is showing, just center the image left to right.

  If the window is smaller than the width of the image, I want it to center in the div.

  I know this can be done by adjusting the margin-left on window resize. I just can't figure out the correct math.

  Thanks for any help!!!!

  dbloc

  Flag

• monNom0

  position: absolute;
  height: 100%;
  max-width: something;
  left: 50%;
  margin-left:-50%;

  ???
  

  monNom 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • that just distorts the imagedbloc
  • max width was set to 940dbloc

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• BabySnakes0

  onResize{
  margin-left = (windowWidth - imageWidth/2)
  }

  I would need to see more but sound like it would be simple enough?

  BabySnakes 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• hereswhatidid0

  Can you change it to be a background image and then use one of these techniques?

  http://css-tricks.com/perfect-fu…

  hereswhatidid 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• ideaist0

  Use Background Stretcher:

  INFO -> http://www.ajaxblender.com/bgstr…

  DEMO -> http://www.ajaxblender.com/scrip…

  ideaist 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel