Image Size, Image distortion |
Image Size, Image distortion |
Matthew Cox |
Jan 7 2012, 11:17 AM
Post
#1
|
Group: Members Posts: 5 Joined: 7-January 12 Member No.: 16,207 |
I've set up a blog: www.madetobelieve.com
When you click through to a topic at the top of the page the images are stretched and distorted. I can't find out how to change this. Please help Matt |
Darin McGrew |
Jan 7 2012, 09:30 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Actually, that's just a frameset for http://hellothanksforvisiting.blogspot.com/
Which images are stretched and distorted? I didn't notice anything offhand. |
Christian J |
Jan 7 2012, 10:45 PM
Post
#3
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
|
pandy |
Jan 7 2012, 10:58 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
The size is correct in the HTML. The only thing I find is this.
CODE .entry img{ float:left; margin:0px 10px 10px 0px; max-width:490px; padding:5px; background:#000; } But max-width shouldn't force that width and AFAIK it doesn't. The number is right though. The image is displayed at 490 pixels width. |
pandy |
Jan 7 2012, 11:09 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Ah! It's this.
CODE <script type='text/javascript'> var thumbnail_mode = "float-left"; summary_noimg = 375; summary_img = 375; img_thumb_width = 500; </script> I don't know what's done with that, but there it is. I tried changing it to a smaller value and the image shrank. Some other snip of JavaScript probably uses the above to set the width of all images in previews to 500px, then the max-width takes over and reduces it to 490px. |
pandy |
Jan 7 2012, 11:26 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
It's used here, in a script block further down.
CODE if(img.length>=1) { imgtag = '<div class="postimg"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></div>'; ... |
Matthew Cox |
Jan 8 2012, 04:23 PM
Post
#7
|
Group: Members Posts: 5 Joined: 7-January 12 Member No.: 16,207 |
It's used here, in a script block further down. CODE if(img.length>=1) { imgtag = '<div class="postimg"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></div>'; ... Darn I've tried changing it to something like: <script type='text/javascript'>var thumbnail_mode = "float-left" ; summary_noimg = 175; summary_img = 175; img_thumb_width = 200; </script> Although nothing changed....... Christian J was totally correct about the issue and it's the same across all blogging categories. Just trying to make the images appear in the size as they are uploaded. |
pandy |
Jan 8 2012, 10:12 PM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I viewed source of your page and saved it locally. Hooked it up to blogspot with BASE href, changed img_thumb_width to something smaller and the image shrunk according to the number I entered.
|
Matthew Cox |
Jan 10 2012, 04:08 PM
Post
#9
|
Group: Members Posts: 5 Joined: 7-January 12 Member No.: 16,207 |
|
Lo-Fi Version | Time is now: 24th April 2024 - 06:50 PM |