Wordpress Gurus Help! Old images Too big for New Template??

Discussion in 'HTML & Website Design' started by jl255, Jul 30, 2008.

  1. #1
    Got a tricky situation here. I started my blog awhile back and didn't care about the sizes of images i uploaded. As such, there were some huge images in terms of width as my old template had lots of space. Now, i need to change to a narrower template.

    I think all my images will then overflow to the sidebars right?? Does anyone have any solution or bright ideas? I have LOTS of images and cannot go into every post to edit them. I've tried searching for plugins that will automatically resize on viewing the post, but found none. Would greatly appreciate any help!!!

    Rep for good ideas :)
     
    jl255, Jul 30, 2008 IP
  2. nirmala.prc

    nirmala.prc Active Member

    Messages:
    329
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #2
    Hi,

    http://wordpress.org/extend/plugins/lightbox-2-wordpress-plugin/installation/

    I thought something like this should help you. I am sorry if it not a right solution.

    Look at the 4th point,

    However, the plugin seems to read all the images inside each post. So, you can even play with this plugin.

    Best Regards,

    Nirmal
     
    nirmala.prc, Jul 30, 2008 IP
  3. MeetHere

    MeetHere Prominent Member

    Messages:
    15,399
    Likes Received:
    994
    Best Answers:
    0
    Trophy Points:
    330
    #3
    i dont know much about CSS
    but an img ID in your CSS with appropriate sizes would help
     
    MeetHere, Jul 30, 2008 IP
    jl255 likes this.
  4. jl255

    jl255 Well-Known Member

    Messages:
    2,762
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    185
    #4
    tks dude. but what does this plugin do? it doesn't say..... :(
     
    jl255, Jul 30, 2008 IP
  5. nirmala.prc

    nirmala.prc Active Member

    Messages:
    329
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #5
    Actually the base technology is a beautiful one. You might have seen many sites using Lightbox. Lightbox is nothing but a script that displays larger images on the site's canvas when you click on the thumbnail images.

    This same technology is applied in this plugin,

    http://wordpress.org/extend/plugins/lightbox-2-wordpress-plugin/ This page gives explanation of the plugin. And this is the http://www.4mj.it/lightbox-js-v20-wordpress/ page for recent download and information.

    Nice concept if you are using lots of images and you want to save some bandwidth.

    Best Regards,

    Nirmal
     
    nirmala.prc, Jul 30, 2008 IP
  6. nirmala.prc

    nirmala.prc Active Member

    Messages:
    329
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #6
    Additionally i can tell you one more trick

    <img src="rose.jpg" width="500">

    In this html tag, you see that i have not set the height. However, any browser will proportionally set the height automatically.

    If you are sure about the width of template, set the "width" parameter in this code to less or equal to the width of template.

    Actually, by hacking the above script a little you can make this , i think.

    I hope my ideas are helpful to you,

    Best Regards,

    Nirmal
     
    nirmala.prc, Jul 30, 2008 IP
    jl255 likes this.
  7. jl255

    jl255 Well-Known Member

    Messages:
    2,762
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    185
    #7
    tks nirmala, i saw all that already. but what i need is a script that SHRINKS oversized images and not just display them in a lightbox. Does this do that? I don't see it anywhere.

    Meethere, nice suggestion. will need to research to see if its possible to use CSS. Tks!
     
    jl255, Jul 30, 2008 IP
  8. nirmala.prc

    nirmala.prc Active Member

    Messages:
    329
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #8
    You are welcome. Do you want to resize the images physically too?

    Best Regards,

    Nirmal
     
    nirmala.prc, Jul 30, 2008 IP
  9. jl255

    jl255 Well-Known Member

    Messages:
    2,762
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    185
    #9
    i'm open to any workable solution..... so how does this lightbox help my problem?
     
    jl255, Jul 30, 2008 IP
  10. nirmala.prc

    nirmala.prc Active Member

    Messages:
    329
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #10
    One hard solution is that you need to download all the images locally and use irfanview (one of the best free image viewer, and a batch converter too) to resize the images proportionally.

    This applicaiton will check for the width, if the width is lesser than you specified, it will ignore the image, but if the image is larger, it will proportionally reduce width height.

    PLEASE BACKUP ALL THE IMAGES before you do batch process, i hope you will be careful on it.

    Once you do the conversion , just upload it to the same folder. That is it, problem solved.

    This may be a hard problem suppose if you have many folders for image storage. You may need to do the process for each folder.

    Btw, i understand that lightbox solution is not a direct solution for you. However, using this script , you can check all the images in a post , and then you need PLAY or HACK to resize the image.

    The hack may be like this,

    <<< find the width of image, if the image width is more than template image specified in a variable, make the image smaller to set within template. If the width is small , ignore >>>

    Like above algorithm, the script can work.

    :) Btw, I am sure, someone may be having better solution than this too. It is just my idea.

    Thanks,

    Best Regards,

    Nirmal
     
    nirmala.prc, Jul 30, 2008 IP