Designer Silversmiths Association Site

[luctay]

This was the the first site I put together with CMSMS V.13 (I think)
http://www.theabds.co.uk
It uses Album for the gallery.
I like CMSMS a lot and am really exited about the features of latest versions.

[Dr.CSS]

Nice, Clean and straight forward...

Did you notice the horiz. rule behind the images when you click and view the Album, behind the first row of images..
If you give it clear:both it will go back down to the bottom like it is on other pages...

div.hr {
      clear:both;
height: 1px;
margin: 1em 10px;
border-bottom: 1px dotted black;
}

[luctay]

Mark - thanks so much for the tip, I rember when I was doing the site (a couple of months ago) it really bugged me that that was happening but I couldn't figure out how to correct it.  Your code worked like a treat.

[fbouwmeester]

Hello luctay,

compliments for your site! I am a newby, and trying to learn from looking at other people's work. I was interested in your use of Album, which I have tried too, but when clicking on an image, it is simply presented in an empty browser window. On your site you have this nice popup windows on top of the gallery. Did you do anything special, or is Album capable of doing this, and if so how?

I'd appreciate your help.

Regards, Frans

[Muzzy]

I am a newby, and trying to learn from looking at other people's work. I was interested in your use of Album, which I have tried too, but when clicking on an image, it is simply presented in an empty browser window. On your site you have this nice popup windows on top of the gallery. Did you do anything special, or is Album capable of doing this, and if so how?

Hi Fbouwmeester.
Try using the Thickbox template that comes with Album. That is the one that is used here and which I have used on my site.

Regards.
Mike.

[thepieman]

Hi luctay

I also like the uncomplicated layout and design, but if I'm correct I think that fbouwmeester and myself too would like to know how you got the images to pop up in the main gallery while the back ground dims-out.

I once visited a site that had a similar script to download but I didn't bookmark the site.


Regards

thepieman

[Dr.CSS]

fbouwmeester, thepieman

When making an album, after you have added the images there are 2 tabs the second one is Properties in that tab is the Template drop down choose Thickbox, then for the pages template attach the Album (for default, ImageGallery, and Thickbox templates) style sheet, it has all the callls for album CSS...

If you already have an Album go back to Photo Albums and click the name of the Album to get to the Properties tab and change it from there...

[EMR53]

Wow that Album looks really cool!!
I'm curious how you did that loading thing. Is it a standard option or custom made?

Greets Eric

[fbouwmeester]

Mark,

thanks for your reply, but it doesn't do the trick yet. I use the "Left Simple Navigation + 1 column" template in my site, and have attached the "Album etc." stylesheet. But to no avail.

Is there a way to check if the stylesheet is correctly included in the resulting page?

I have solved another issue with Album by changing the read/write attributes of the image files. Is it possible that I have to make futher changes to other files?

I'm a bit confused how to set up an album page. When editing the page, it is possible to choose between Content Type: "Fotoalbums" or "Content". The latter gives the opportunity to enter "{cms_module module="album"}" as content, the former doesn't. But if the Content Type is changed to Fotoalbums later, this content stays (because it is still there when swithching back), and in fact seems necessary to get something working on the individual album pages. What is the required approach here?

The site I'm working on is http://roomburgjd2.scarlatti9.nl

Thanks for helping out
Frans

[Dr.CSS]

Frans

I see the stylesheet is attached but it looks like it may have the wrong Media Type: check the bottom of the CSS for the Media Type: check boxes, it should be screen...

I would advise against using the Content Type: as Album/Fotoalbums as I've seen some posts where it messes up being able to change anything, stick with using the tag...

[fbouwmeester]

Mark,

the media type of the style sheet Album was not set at all, so I set it for Screen.
Unfortunately this makes no difference whatsoever..

Frans

[Dr.CSS]

Frans

Look at the source view in edit mode, I think it got some extra formatting for the album tag... make sure the tag has no formatting around it...


Deze plaatjes representeren fotoalbums. Klik op een plaatje om in het bijbehorende fotoalbum te komen.


<__script__ type="text/javascript" etc. etc....

Some times it's best to put the tag in in source view...

[fbouwmeester]

Mark,

youre tip to check the html source solved another issue I had: now the texts are displayed in the correct font, instead of courier.

It did not solve the display of the individual photo's. However, following a hunch I wrote down earlier, I fiddled a bit with the file and directory permissions, and this finally fixed the problem. In particular, the permission to Album/templates/db/js has to be 751 or 755.
I have now changed all directory permissions to 751, and all file permissions to 644, and it works perfectly.

One question remains, maybe for the original poster luctay: you seem to be using newer versions of the jquery.js and thickbox.js files. Where did you get these? I have installed version 0.7.4. Have you installed something newer? From SVN maybe?

Regards, and thanks for all the help sofar,
Frans

[luctay]

To fbouwmeester

Sorry I didn't reply before - I hadn't realised there was such a discussion about Thickbox going on.

I didn't really like the thickbox version that came with Album when I first used it as it didn't have previous and next (not sure if it even allowed for comments on the images).  Although the latest version of Album has updated Thickbox I still don't like it much as it has problems with the transparent overlay.

I updated the appropriate files from http://jquery.com/demo/thickbox/

and then tweaked them a bit (I was still having problems with the overlay not covering the whole browser window)  I also modified it so the Close button would appear as a little X in the top right hand corner, the text in the close button is determined in thickbox.js , I just changed the 'close' to 'x' and then positioned the close button in the thickbox CSS.

Modification to Album stylesheet to make overlay work properly and cover whole area:

Original:

#TB_overlay
{
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6px;
opacity:0.6px;
}

Mine:

#TB_overlay {
position: absolute;
z-index:100;
        width: 100%;
height: 100%;
top: 0;
left: 0;
min-height:100%;  height: auto; _height:100%;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}