Problems with Widescreen Pictures and Lightbox
Problems with Widescreen Pictures and Lightbox
I definied a lightbox galery for my a homepage (http://foto.roser.li/admin/index.php?page=galerie). It's working correctly, as long as the pictures have a "normal" length-width ratio and ar not wider than 800 (?) pixels. But if I want to display widescreen pictures (like e.g. under http://foto.roser.li/admin/index.php?page=panorama) it really gets bad. I think the lightbox is still 800 pixels width but has the height that it should have been to display the picture. However the picture isn't displayed in the original resolution but on the width of the underlying homepage.
Does anybody know how I can change that??
Thanks in advance
SCM
Does anybody know how I can change that??
Thanks in advance
SCM
Re: Problems with Widescreen Pictures and Lightbox
Are you sure your using the default CSS for lightbox, I don't remember seeing any set sizes for outerImageContainer before...
Re: Problems with Widescreen Pictures and Lightbox
yes I'm sure. Just installed it.
Re: Problems with Widescreen Pictures and Lightbox
Since nobody seems to know an answer... does anybody know where I could ask this question?
Re: Problems with Widescreen Pictures and Lightbox
if you use the gallery module you can use a different template for a different imagegroup
that will solve your problem to show your widescreen pic in another size than the other pics
kind regards
Peter
that will solve your problem to show your widescreen pic in another size than the other pics
kind regards
Peter
Re: Problems with Widescreen Pictures and Lightbox
Not sure what you mean by just installed it but this lightbox doesn't even have that call in it's CSS...
http://leandrovieira.com/projects/jquery/lightbox/
http://leandrovieira.com/projects/jquery/lightbox/
Re: Problems with Widescreen Pictures and Lightbox
By just installed I meant that I have installed the module and haven't changed anything, so I should have the default css values. However, I still couldn't solve the problem
Dont know why.

Re: Problems with Widescreen Pictures and Lightbox
I would have just used Album or Galley to do this as I have no idea what the lightbox module does...
Re: Problems with Widescreen Pictures and Lightbox
SCM did you try another template like Fancybox?
Lightbox is no longer maintained and buggy it doesn't work the same in every browser so i would realy not recommend you using it.
Regarding your problem i don't see any problem. If you have predefined in Gallery options to use 800px wide image than it actually works exactly as it should, no idea whats the original size of your panorama pictures but it's most probably something like 2000x500 or so.
And this is what i see 800px wide image with height according to the proportions of the image in your case 200 something pixel.
If you are using Gallery module and want to change the width of big images in your case change 800px all pictures will be affected by thins change.
Now if you would want to use different output size of big images you would need two templates and SuperSizer plugin which is capable of resizing images.
You read through this topic http://forum.cmsmadesimple.org/index.ph ... 094.0.html
Example of Gallery Template (Lightbox):
Note: you should also take a look at your template in IE7+8 it is displayed left aligned with white background line where header image is located.
Hope i could give you some helpful directions.
Edit: ha ha omg thats when i don't take exact peek at the code, i thought we are talking about Gallery module and Lightbox template :o
Lightbox is no longer maintained and buggy it doesn't work the same in every browser so i would realy not recommend you using it.
Regarding your problem i don't see any problem. If you have predefined in Gallery options to use 800px wide image than it actually works exactly as it should, no idea whats the original size of your panorama pictures but it's most probably something like 2000x500 or so.
And this is what i see 800px wide image with height according to the proportions of the image in your case 200 something pixel.
If you are using Gallery module and want to change the width of big images in your case change 800px all pictures will be affected by thins change.
Now if you would want to use different output size of big images you would need two templates and SuperSizer plugin which is capable of resizing images.
You read through this topic http://forum.cmsmadesimple.org/index.ph ... 094.0.html
Example of Gallery Template (Lightbox):
And change to:
{if !empty($module_message)}{$module_message|escape}{/if}
{if !empty($gallerytitle)}{$gallerytitle}{/if}
{if !empty($gallerycomment)}{$gallerycomment}{/if}
{$imagecount}
{if $pages > 1}
{$prevpage}
{$nextpage}
{/if}
{if !$hideparentlink && !empty($parentlink)}{$parentlink}{/if}
{if $pages > 1}{$pagelinks}{/if}
{foreach from=$images item=image}
{if $image->isdir}
file}" title="{$image->titlename}">thumb}" alt="{$image->titlename}" />
{$image->titlename}
{else}
file}" title="{$image->titlename}" rel="lightbox[gallery]">thumb}" alt="{$image->titlename}" />
{/if}
{/foreach}
This is just example code, so don't expect it would work aout of the box or maybe it will, but for right SuperSizer parameters you should take a look at the topic i linked above.
{if !empty($module_message)}{$module_message|escape}{/if}
{if !empty($gallerytitle)}{$gallerytitle}{/if}
{if !empty($gallerycomment)}{$gallerycomment}{/if}
{$imagecount}
{if $pages > 1}
{$prevpage}
{$nextpage}
{/if}
{if !$hideparentlink && !empty($parentlink)}{$parentlink}{/if}
{if $pages > 1}{$pagelinks}{/if}
{foreach from=$images item=image}
{if $image->isdir}
file}" title="{$image->titlename}">{supersizer path=$image->file|rawurldecode width=yourwidth alt=$image->titlename}
{$image->titlename}
{else}
file}" title="{$image->titlename}" rel="lightbox[gallery]">{supersizer path=$image->file|rawurldecode alt=$image->titlename}
{/if}
{/foreach}
Note: you should also take a look at your template in IE7+8 it is displayed left aligned with white background line where header image is located.
Hope i could give you some helpful directions.
Edit: ha ha omg thats when i don't take exact peek at the code, i thought we are talking about Gallery module and Lightbox template :o
Last edited by uniqu3 on Thu Oct 07, 2010 7:51 pm, edited 1 time in total.
Re: Problems with Widescreen Pictures and Lightbox
Thanks a lot. I tried to use the latest gallery modul. however there is the problem that this requires cms 1.6. I have installed 1.5.x
Does anybody know if there is a gallery version that runs on 1.5.x?
Does anybody know if there is a gallery version that runs on 1.5.x?
Re: Problems with Widescreen Pictures and Lightbox
CMS Made Simple Core 1.6 Released On: 2009-06-22 16:14
Gallery 1.0 Released On: 2009-08-17 21:48
So I guess not ;)
However, the latest Gallery version 1.4.2 might as well work with CMSms 1.5.x
I just never tested it.. 8)
Just edit the minimum CMSms version setting in Gallery.module.php and try for yourself :P
Gallery 1.0 Released On: 2009-08-17 21:48
So I guess not ;)
However, the latest Gallery version 1.4.2 might as well work with CMSms 1.5.x
I just never tested it.. 8)
Just edit the minimum CMSms version setting in Gallery.module.php and try for yourself :P
Code: Select all
function MinimumCMSVersion()
{
return "1.6";
}
Last edited by Jos on Fri Oct 08, 2010 4:19 pm, edited 1 time in total.
Re: Problems with Widescreen Pictures and Lightbox
Thanks a lot! I hope this works. Otherwise I would have to update the CMS :S 

Re: Problems with Widescreen Pictures and Lightbox
You should want that anywaySCM wrote: Otherwise I would have to update the CMS

Re: Problems with Widescreen Pictures and Lightbox
If you would have said it was running 1.5.* we would have told you to upgrade as only the last 2 versions are supported unless your host isn't running the latest PHP...
So upgrade your CMSMS to the latest your server will run and see if that helps...
So upgrade your CMSMS to the latest your server will run and see if that helps...