The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Image Size, Image distortion
Matthew Cox
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 7 2012, 09:30 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,021
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.


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 7 2012, 10:45 PM
Post #3


.
********

Group: WDG Moderators
Posts: 6,174
Joined: 10-August 06
Member No.: 7



I think the OP means an image like this, which is zoomed in here but not here.


--------------------
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 7 2012, 10:58 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,575
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. wacko.gif


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 7 2012, 11:09 PM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,575
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.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 7 2012, 11:26 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,575
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>';
...


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Matthew Cox
post Jan 8 2012, 04:23 PM
Post #7





Group: Members
Posts: 5
Joined: 7-January 12
Member No.: 16,207



QUOTE(pandy @ Jan 7 2012, 11:26 PM) *

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 = &quot;float-left&quot; ;
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 8 2012, 10:12 PM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,575
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.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Matthew Cox
post Jan 10 2012, 04:08 PM
Post #9





Group: Members
Posts: 5
Joined: 7-January 12
Member No.: 16,207



QUOTE(pandy @ Jan 8 2012, 10:12 PM) *

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.


Awesome - it has worked, thank you very much Pandy !!!!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 31st October 2014 - 08:09 PM