[solved] restrict image size to screen

macuserau

Is there a way to make the full size image view restrict the image size to your screen size, I have the same request for the slide show as well.

Currently the image makes the site change size and brings up the scrolling bars. I wish to at least prevent this at least for left to right.

Any help is appreciated

layingback · Forum Admin Offline Joined: Apr 19, 2004 Posts: 1040

Search for "image resize" - 3 of the 1st 5 replies give you options.

NanoCaiordo · Posted: Thu Nov 24, 2011 2:16 pm Post subject: Re: image size

Hi guys, I never noticed Bush and Layingback rightful problem and related workaround so I never had the chance to put my 2 cents in.

I would rather use css and themes ref to nukebiz.com/Forums/vie...3084/#3084

in your theme's style.css

Code::

.bigimage { max-width:600px }

in your theme's ie6.css

Code::

.bigimage { width: expression(this.clientWidth > 600 ? "600px" : "auto") }

then only in the images where you think appropriate you will have to add

Code::

class="bigimage"

[edit]
Using this.clientWidth
Use in ie6.css instead of ie7.css
[/edit]

NanoCaiordo · Posted: Mon Nov 28, 2011 7:51 am Post subject: Re: image size

For forum topics, replies, previews:

/themes/default/styles/style.css

Code::

.postbody img{
  max-width: 600px;
}

/themes/default/styles/ie6.css (v9)
/themes/default/styles/ie8.css (v9)
/themes/default/styles/msie6.css (v10)
/themes/default/styles/msie8.css (v10)

Code::

/**
* CPG Dragonfly CMS
* Copyright (c) 2011 by Dragonfly Dev Team, dragonflycms.org
* Released under the GNU GPL version 2 or any later version
*/
.postbody {
 width:600px;
}
.postbody img{
 width: expression(this.clientWidth > 600 ? "600px" : this.clientWidth+"px");
 /*height: expression((this.clientHeight * (this.style.width/this.clientWidth))+"px");*/
}

Open: /themes/default/templates/forums/viewtopic_body.html
Line: 98
Change:

Code::

<td colspan="2"><hr /><div class="postbody" style="overflow:auto; width:100%;">{postrow.MESSAGE}</div>

With:

Code::

<td colspan="2"><hr /><div class="postbody" style="overflow:auto">{postrow.MESSAGE}</div>

macuserau · Posted: Mon Nov 28, 2011 10:36 am Post subject: Re: image size

Thanks guys for the replies, but I was meaning just in the Coppermine, popup window for full screen image views.

When I view them currently the are about 2 times the size of the screen. I just want to have them fit the screen in width.

Does the forum code you have given suit coppermine as well?

NanoCaiordo · Posted: Mon Nov 28, 2011 11:30 am Post subject: Re: image size

Code edited.

Will soon updated with coppermine.

macuserau · Posted: Mon Nov 28, 2011 11:31 am Post subject: Re: image size

Thanks Nano

NanoCaiordo · Posted: Sat Dec 10, 2011 10:04 am Post subject: Re: image size

I've got a little confused ... in coppermine we have a pop up for "full size" images, not "full screen".

Two ways, to achieve this.
You can setup your coppermine max img size to your favourite dimensions, and it will be valid for all your new pictures, preferred.

Otherwise it have to be done at javascript level, not built-in since we all want full size images to maintain a high resolution.

macuserau · Posted: Sun Jan 22, 2012 11:16 am Post subject: Re: [solved] image size

Happy with the presivation of the resolution, but when people view the album in slide show or just the lager image they only get to view the top left corner of the higher resolution picture.
Great for preserving resolution not that good for the users viewing albums or using slide shows.
I will try and look for js functionality to manage this.

NanoCaiordo · Posted: Sun Jan 22, 2012 1:16 pm Post subject: Re: [solved] image size

I'm sure we are not talking about the same thing.

Pass me a url and directions (clicks) to an accessible page, where I can see what you are talking about.

Coppermine have a correct amount of settings for image and thumbnail sizes for you to have this problem ...

macuserau · Posted: Tue Jan 31, 2012 8:13 am Post subject: Re: image size

Try this slide show Nano

Slide show

Once you click on it you will see that it shows the full resolution image but not the image at full screen.

macuserau · Posted: Tue Jan 31, 2012 8:15 am Post subject: Re: image size

So what i want to acheive is large full resolution images displayed full screen during a slide show.

Not just a slide show of just top left hand corner of the full resolution image.

NanoCaiordo · Posted: Tue Jan 31, 2012 12:52 pm Post subject: Re: image size

Cant have full resolution image display at full screen, unless the image resolution is less then screen size.

What you want is to get the slideshow image to fit inside the screen (so at reduced resolution), which can be easily achieved by correctly using coppermine settings.

Paste here all coppermine related image settings, and we will have a look together.

macuserau · Posted: Wed Feb 08, 2012 10:24 am Post subject: Re: image size

Thanks Nano

I have attached what I think you want to look at.

NanoCaiordo · Posted: Fri Feb 10, 2012 12:12 am Post subject: Re: image size

admin.php?op=info&mods
do you see gd, imagemagick or netpbm installed?