Page 1 of 2

Another Album module template

Posted: Sat Dec 23, 2006 9:12 pm
by 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...

Re: Another Album module template

Posted: Tue Dec 26, 2006 8:09 pm
by 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

Re: Another Album module template

Posted: Tue Dec 26, 2006 8:21 pm
by 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}

Re: Another Album module template

Posted: Tue Dec 26, 2006 8:36 pm
by peugeot-304
Man that's fast.  :o  Certainly caught you behnd your machine.

Thanks, I'll give it a try

Dieter

Re: Another Album module template

Posted: Wed Dec 27, 2006 12:14 pm
by 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.

Re: Another Album module template

Posted: Wed Dec 27, 2006 2:21 pm
by 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...

Re: Another Album module template

Posted: Tue Jan 02, 2007 9:35 pm
by 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/

Re: Another Album module template

Posted: Wed Jan 03, 2007 6:13 am
by 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...

Re: Another Album module template

Posted: Thu Jan 04, 2007 11:29 am
by 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

Re: Another Album module template

Posted: Thu Jan 04, 2007 11:51 am
by jameshontishar
Fixed it by removing and then reinstalling and starting albums from Scratch

Re: Another Album module template

Posted: Thu Jan 04, 2007 11:55 am
by jameshontishar
What do I need to do to get the album to look like Elijah's Album Demo??????

www.demo.cleardesignstudio.co.uk

Re: Another Album module template

Posted: Thu Jan 04, 2007 2:39 pm
by Elijah Lofgren
jameshontishar wrote: 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

Re: Another Album module template

Posted: Thu Jan 04, 2007 2:44 pm
by jameshontishar
Thanks

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

James

Re: Another Album module template

Posted: Thu Jan 04, 2007 2:55 pm
by Elijah Lofgren
jameshontishar wrote: 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

Re: Another Album module template

Posted: Thu Jan 04, 2007 4:57 pm
by jameshontishar
What do you normally use to batch resize the photos