Album Templates - how to use them? ...

[Darwin Web Design]

Hi there
I've installed the Album 0.6.1-svn module on CMS Canary on a WAMP server.

I read in another post that someone wanted to use the thickbox style/template and I saw a sample where the gallery shows all the thumbs of flowers - and when you click on a photo, it opens up a new window with the enlargement (rather than continually scrolling up to the top of the screen with the default album setting). I really like this and wonder how to do it.  The last message on that post was to 'use the Thickbox template' but it didn't explain how to do this.

I noticed with the module there is a list of 7 templates.  I've tried copying this to a template in the 'templates' section in admin and then assigning it to the gallery page, but this doesn't work.  I've tried selecting them from the dropdown list and hitting save, but this doesn't work either.  I've searched the documentation and forums and read the 'help' but can't find anything on how to go about this.  It's most likely something simple?

Also, Is it adviseable to use this template, ie will it be reliable across most browsers etc?  I noticed there are others too but wouldn't have a clue what they look like or what they do.

Thanks

[Dr.CSS]

When you make an album there is a second tab called properties in that page is the setting, a drop down, for which template the album will use, the page that you are going to use the album on has to have the Album CSS attached to the template just like attaching other CSS.

The ThickBox is powered by JavaScript and is cross browser friendly as long as the visitor has Java enabled.

I've used it in several of my Gallery Demo pages.

[Darwin Web Design]

Thanks but I must be missing something?

I've selected the thickbox template from the drop down and the CSS is definitely attached to the page - but it still displays as the standard album (ie big picture at the top with all the thumbnails underneath requiring the scrolling to the top of the screen each time you click on a thumbnail towards the bottom of the screen).  I've tried it with other template styles too but it has no effect.

On the actual gallery page itself, I have just inserted:  {cms_module module='album'} - should this say something else to take on the other album style?

Thanks 

[Elijah Lofgren]

I've selected the thickbox template from the drop down and the CSS is definitely attached to the page - but it still displays as the standard album (ie big picture at the top with all the thumbnails underneath requiring the scrolling to the top of the screen each time you click on a thumbnail towards the bottom of the screen).  I've tried it with other template styles too but it has no effect.

Sorry, I think I've made Album confusing when it comes to templates. There are 3 different template dropdowns.

• Album List Template: - Choose which template is used for the list of Albums
• Default Template: - Choose the default template that is used for new Albums that you create
• Template: - Choose the template that is used for a specific Album.

Here is how to choose the "Template:" that is used for an Album:

• In the CMSMS Admin Panel go to Content -> Photo Albums
• Click on the name of your Album on the Albums tab.
• You will now see a list of the pictures in your Album, click on the Properties tab.
• You will see a dropdown next to the word "Template:" (not "Default Template" or "Album List Template:")
• Choose "Thickbox" from the list of templates
• Click the Save button

I've filed a feature request that I will hopefully get to that should make choosing a template for an Album easier: http://dev.cmsmadesimple.org/tracker/in ... 7&atid=728

Hope this helps,

Elijah

[Darwin Web Design]

Thank you so much for your reply and it certainly helped.  I was nearly there with applying templates via the first two locations, the only think I didn't realise I had to do - was actually apply the template to each specific album as well. 

I like it a lot!!

[Dr.CSS]

Glad you got it sorted out.

Are you using the Default Thickbox, I've got some others that might not be so dark around the image.

Got Link?

[Darwin Web Design]

Hi Mark
No I haven't got a link as I'm developing on local WAMP at the mo.  Yes, I'm just using the default thickbox.  Do you mean you have another one that doesn't darken the rest of the website to a semi transparent black?  Where do you get others, do you fiddle with them to come up with variations? 

Thanks

[Dr.CSS]

See this page... if you hover in the img. to the left or right a next/prev. shows up.

http://www.multiintech.com/index.php?pa ... orbit_pics

[Darwin Web Design]

That's very nice, is this just info in the css or something you've changed in the templates?

[Russ]

Also check out another new Thickbox template with next and previous links - lighter than 'Lightbox'

http://forum.cmsmadesimple.org/index.ph ... 8.210.html

Russ

[Darwin Web Design]

That's a good one too, thanks.  How do you get them to display those moving flash pre-loaders as it's loading.  Mine just has an image placeholder with the red x in the middle... 

[Russ]

Hi Aussie, I don't know where you are loading the thickbox.js file from, but find it and edit the line (around 38) entering the appropriate values for the path to your animated loading GIF file:

Code: Select all

$("body").append("<div id='TB_load'><img src='http://PathToYourGraphicForLoading/animatedfile.gif' /></div>");

I have my graphic files in an 'images' folder off the root... so on my local one it would be something like:

Code: Select all

$("body").append("<div id='TB_load'><img src='http://macweb/cms/images/loadinganimation.gif' /></div>");

I've attached a few animated gif's...

Hope this helps

Russ

[attachment deleted by admin]

[Darwin Web Design]

Wow, that's great!!  Thanks Russ 

[beeswax]

I've a problem with images in thickbox - http://www.silviasjewellery.co.uk/index ... collection the first image doesn't have the border and contains all sorts of text to do with links. Any images after that seem to work as they should. I'm using v. 1.0 of CMSMS. any ideas?