Another Album module template

[Dr.CSS]

Here's another version of Thickbox called Greybox, click the Grey Box album, has title and comments in the top bar...

http://multiintech.com/cmsms4/index.php ... msms-works

Can also be used for showing web pages or flash, etc...

http://www.multiintech.com/Templates/in ... lates.html

click a page name in the list in the content...

[peugeot-304]

Hi Mark,
This Greybox is really the best thing I've seen so far. I tried Simpleviewer and Thickbox but this one beets them all.
Any chance to get an explanation how to implement it? And where to find templates and/or CSS?

Thanks in advance

Dieter

[Dr.CSS]

This is the web site... http://orangoo.com/labs/GreyBox/
There is a download at the top, you will have to put the folder in your root I tried putting it in the uiploads but no luck, his page has how to and when you download it it comes with a HTML.index to launch for the same thing so you don't have to go to his site...

This is the template used in Album, just put the CSS of his in another CSS style sheet and attach to your template...

Name it what you want...

Code: Select all

{* Album List *}
{if !$album}
<ul id="gallery">
	{foreach from=$albums item=album}
	<li class="thumb">
 	<a href="{$album->link}">
<img src="{$album->thumbnail}" alt="{$album->name}" title="{$album->name} - {$album->comment}" /></a>

<p class="albumname">{$album->name}5<br />
<span class="albumpicturecount">({$album->picturecount} images)</span><br />
<span class="albumcomment">{$album->comment}</span></p>
</li>
	{/foreach}
</ul>

{else}

{* Photo List *}
<div id="nofloat">
<p><strong>{$album->name}</strong><br />
{$album->comment}<br />
{if $returnlink}<a href="{$returnlink}">Return to the album index page</a>{/if} </p>

	{if $pagecount>1}
	<p class="albumnav">
		<a href="{$link.page.first}" title="first page"><< </a>
		{if $link.page.previous}<a href="{$link.page.previous}" title="previous page">< </a>{/if}
		page {$pagenumber}/{$pagecount}
		{if $link.page.next}<a href="{$link.page.next}" title="next page"> ></a>{/if}
		<a href="{$link.page.last}" title="last page"> >></a>
	</p>
	{/if}

<ul id="galery">
	{foreach from=$pictures item=picturesrow}
	    {foreach from=$picturesrow item=onepicture}
	    <li class="thumb"><a href="{$onepicture->picture}" rel="gb_imageset[more]" title="{$onepicture->name}    {$onepicture->comment}"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name} - {$onepicture->comment}" title="{$onepicture->name}   {$onepicture->comment}" /></a>
<p class="thumbPicCaption">{$onepicture->name}</p>
   	   </li>

      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
	    {/foreach}
	{/foreach}
</ul>
</div>
{if $picturecount==0}No image{/if}
{/if}

{if $picture->id>0}
{/if}

[peugeot-304]

Man that's fast.    Certainly caught you behnd your machine.

Thanks, I'll give it a try

Dieter

[liudaz]

Hello,

I am a new to this king of photo albums. I find this kind of photo album very usefull, but i am struggleing with the instalation.
I've made an new photo album template with the code that Mark gave earlier. If i paste this code:

Code: Select all

     <__script__ type="text/javascript">
            var GB_ROOT_DIR = "./GreyBox/greybox/";
     </__script>
    <__script__ type="text/javascript" src="GreyBox/greybox/AJS.js"></__script>
    <__script__ type="text/javascript" src="GreyBox/greybox/AJS_fx.js"></__script>
    <__script__ type="text/javascript" src="GreyBox/greybox/gb_scripts.js"></__script>
    <link href="GreyBox/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

into my page template and everything works fine. How should i make it and attach all the .JS files to the template through template manager? in other words, how should i complete this part:

just put the CSS of his in another CSS style sheet and attach to your template

Thanks alot.

[Dr.CSS]

If you've downloaded his package you get a CSS file, open it in notepad or your fav. lite text editor, then copy/paste it into new style sheet in CMSMS then attach that to your template...

By doing this you can delete/not have to use this...

[Elijah Lofgren]

I'm about to release a new version of Album (0.8.2) that has greybox as the default template. 
Check here soon (I plan to release it today): http://dev.cmsmadesimple.org/projects/album/

[Dr.CSS]

Wow that's quite the list of changes...

I take it you like greybox  , I didn't realize it was pushing the close button off the edge, thanks...

[jameshontishar]

I have upgraded my album, and set the album to default but it does not show the grey box is there something else i need to do, like upload the files from the zip file i download from greybox site mark gave above

[jameshontishar]

Fixed it by removing and then reinstalling and starting albums from Scratch

[jameshontishar]

What do I need to do to get the album to look like Elijah's Album Demo??????

www.demo.cleardesignstudio.co.uk

[Elijah Lofgren]

What do I need to do to get the album to look like Elijah's Album Demo??????

www.demo.cleardesignstudio.co.uk

Right now you are using the default (greybox) template.
To switch to using lightbox (what I currently have on http://www.elijahlofgren.com/pictures/west-africa/ ):
1. Go to Content » Photo Albums in the CMSMS Admin Panel.
2. Click on the "File Templates" tab.
3. Click "Import Template" next to "lightbox.tpl"
4. Click "Submit"
5. Click on the "Albums" tab.
6. Under "Template" click on "default" next to your Album.
7. Next to "Template:" choose "lightbox" from the dropdown.
8. Click Save.
9. Optional, if the changes don't appear on your site: Go to Site Admin » Global Settings and click the "Clear" button next to "Clear Cache:".

Hope this helps,

Elijah

[jameshontishar]

Thanks

Is there a way to global control the size of the phot or do I need to change these before uploading?

James

[Elijah Lofgren]

Thanks

Is there a way to global control the size of the phot or do I need to change these before uploading?

James

Album doesn't resize the large pictures, but you could maybe edit the template and add in width and height dimensions. I don't know if this would work with lightbox or not.

I usually do a batch resize before uploading so that I have to upload less and others have to download less.

Later,

Elijah

[jameshontishar]

What do you normally use to batch resize the photos