What Blogging Plugin Auto-Resizer Images or Have Default Max Width Settings?

Discussion in 'WordPress' started by nhatle84, Apr 30, 2010.

  1. #1
    I'm currently running a wordpress blog and I do alot of copy and paste images (aka hotlinking), what I'm experiencing is when I paste images too wide it screws my tables.. if I have to resize each one manually it would be a hideous tasks..

    I search alot for hotlinking image resizer plugins but with no luck.

    Is there a .css ir wordpress settings where I could input maxium width (433px) as my default size so when I paste images it's automatically resize a bunch of picture for me?

    Please see screenshot which illustrate the TOP image is extending way beyond table width allowed.

    Thanks in advance,
    -Minh
     

    Attached Files:

    • 17.jpg
      17.jpg
      File size:
      21.6 KB
      Views:
      39
    Last edited: Apr 30, 2010
    nhatle84, Apr 30, 2010 IP
  2. rilwis

    rilwis Peon

    Messages:
    104
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you want to use CSS, you can put this line to your CSS file:

    .post img {max-width: 100%}
    Code (markup):
    Or you can use some lightbox script for WordPress.
     
    rilwis, May 1, 2010 IP
  3. nhatle84

    nhatle84 Active Member

    Messages:
    369
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    Under which part in the in the stylesheet should I put .post img {max-width: 100%} to?

    Also, could you give me the link or the name of plugins :)
     
    nhatle84, May 1, 2010 IP
  4. rilwis

    rilwis Peon

    Messages:
    104
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can put this code in the bottom of your CSS file.

    For plugins, please search in WP Extends with keywords "lightbox". There're many of them, and I don't know what's the best.
     
    rilwis, May 2, 2010 IP
  5. adbox

    adbox Well-Known Member

    Messages:
    906
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    155
    Digital Goods:
    1
    #5
    Place this in your header and that should do it.
    
    <style type="text/css">
    .post img {max-width: 100%} 
    </style>
    
    Code (markup):
     
    adbox, May 2, 2010 IP