resizing image with show original option?

Question

in my site template i want to place an image code which re-size the images with width larger then 910px to 910px but leave those with width smaller and if the image is resided show a show original image option

some thing like this http://www.mangareader.net/94-8-3/bleach/chapter-1.html

right now i am just



with css like

.resize {
max-width: 910px;
max-height : auto;
}

but i want to implement this http://www.mangareader.net/94-8-3/bleach/chapter-1.html

Answer 1

You would need a scripting language for that.



PHP image resizing: http://www.google.com/search?q=PHP+image+resizing&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a



javascript image resizing on the fly: http://www.google.com/search?q=PHP+image+resizing&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a#sclient=psy&hl=en&client=firefox-a&hs=nku&rls=org.mozilla:en-US%3Aofficial&source=hp&q=javascript+image+resizing+on+the+fly&pbx=1&oq=JavaScript+image+resizing&aq=2v&aqi=g-c1g-v4&aql=&gs_sm=c&gs_upl=0l0l1l1712l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.&fp=661c0b1152c259b4&biw=1329&bih=674



Ron

Answer 2

I had a look at the site, and I don't see what it's supposed to do...

That being said though from what you said, I don't think you are going to be able to achieve what you want to achieve with CSS alone, you are going to have to use some javascript



It's been a while since I've played with screen widths and what not, but there should be a variable in the window object (screenX and screenY I think) with the screen width and height. If I remember correctly you can attached an event to the window object and when it is re-sized, you can calculate what your images width and height should be and update it, like this

window.onresize = do come calculations and update image size here;

Answer 3

click photograph > Print length > make the dimensions adjustment there. A word of warning: do no longer resize your photograph making use of photograph > Scale photograph, because will resample the image, destroying that is high quality. Then click report > Print - while the print communique comes up click "techniques" to alter your print settings - then seek for an option that asserts "Scaling: none" or "Scaling; one hundred%" or something like that. What you are able to desire to confirm is that it does not say something like "in superb condition to website". the techniques you have in the print communique remember on your printer kind/make - no longer GIMP, so i will't inform you precisely what to do, you will could desire to hunt for the scaling techniques your self. Then click okay to close your print techniques, then hit the Print button. BTW, GIMP is fancy photograph enhancing utility - surely that is totally useful, and complicated utility.