New Site with Image_Rotator and True Type Modules

[kendo451]

Here is a site I designed with CMSMS:

Dominion Truss
http://dominiontruss.com/dt

It is still in development.  However, it is presently a good example of using the Image_Rotator tag and the True Type Module.

Info:

CMS 1.2.2

[hexdj]

Nice Site!

Does the Image Rotator module produce that fading in/out effect? Looks really nice.

[alby]

It is still in development.  However, it is presently a good example of using the Image_Rotator tag and the True Type Module.

Very nice, I see that new rotator works well 

Alby

[kendo451]

Yes, Alby did a really nice job with that Image_Rotator tag.  Kudos to Alby!

The Image_Rotator has several parameters that allow you to control the duration of the fade and the duration of the picture between fades.  It's really nice.

Thanks again.

Ken Griffith

[kendo451]

One point that might be worth documenting:

When you set the image_rotator parameter to use the "new" method, the image floats in the spot where it normally would go.

As a result of the float effect, the content that would normally appear below it, appears behind it instead.

I fixed this by adding a spacer div the same size as the picture like so:

Code: Select all

{image_rotator class='PageBanner' random='false' folder='uploads/images/banners/1' alt='They said it can\'t be done.' title='They said it can\'t be done.' width='719' height='251' rotator='new'} 
<div id="RotaterSpacer"></div>

Then in the stylesheet I did this:

Code: Select all

#RotaterSpacer {
height:252px;
width:719px;
}

You could also solve this problem by clearing the content below the rotator (clear:both;), but in this case it would mess up the page layout.

[RSprinkel]

Hello all,

Very new to the CMSMS and I am creating a new theme for my site and I have tons of questions, first off I like your site kendo451 with the image rotator, my question is how do I even start to use this as it would fit in PERFECTLY for my webhosting site, and did you create the theme or was it a theme you modified?

Sorry for the noob questions but again I truely want to use this image rotator for my site.

Thanks much in advance, very much appreciated.

Ron S.

[hexdj]

How did you make the fade in/fade out work in FireFox too?

In ImageRotator's help it says it only works with IE, which I tried and seemed true, FF just makes a hard transition for me. Thanks

[alby]

How did you make the fade in/fade out work in FireFox too?

In ImageRotator's help it says it only works with IE, which I tried and seemed true, FF just makes a hard transition for me. Thanks

I do not remember who I had reported on the forum.
This transition is new to tag and is here.
Is experimental and kendo451 has already submitted a correction

Alby

[RonnyK]

Ken,

ver nice and clean styling...

Just 2 remarks, there is no submit button near the search, so you have to assume "Enter" does the trick, and the site doesnt validate, check http://validator.w3.org/check?uri=http% ... ne&group=0

Ronny

[hexdj]

I don't understand, it's experimental and it works just for IE or does it work for both IE and FF? Do I have to load that script separately? (the one in the link you gave me)

By the way

The SVN Checkout link has no files at all

How did you make the fade in/fade out work in FireFox too?

In ImageRotator's help it says it only works with IE, which I tried and seemed true, FF just makes a hard transition for me. Thanks

I do not remember who I had reported on the forum.
This transition is new to tag and is here.
Is experimental and kendo451 has already submitted a correction

Alby

[alby]

I don't understand, it's experimental and it works just for IE or does it work for both IE and FF? Do I have to load that script separately? (the one in the link you gave me)

In last release (see notes of 1.6) of Image rotator there is a choice of select automatically (with the rotator="new") another script (the one used by kendo451 or link above).
When the reports, with this new method works well will be to remove oldest method (IE only)

Alby

[hexdj]

Thanks for the explanation! it works in FF now.

[kendo451]

Answering hexj's questions about the styling for this site:

I used the CMSMS "Layout: Left sidebar + 1 column" Stylesheet and Template.

- I completely redid the header block to make it line up with my two column layout.

- In order to get the page on a vertical grid of 18 pixels per line, I changed the menu spacing in the simple vertical menu.  I zeroed all the top and bottom padding statements and then added line-height:35px and a bottom border of 1px to all the menu elements.  For accessibility I left all the font sizes in ems.  If you increase font size twice it breaks the page in some places, but hey, I do the best I can.

- For the menu graphics I just edited the gif files in images/cms and changed their colors.

- In the standard template I reversed the order of the sidebar and the content section.  Two good reasons for this:
A. For accessibility, I want content first, navigation second.
B. My page was working with tight tolerances and was having trouble with the IE6 3 pixel jog float bug.  To avoid triggering it, I needed to float both columns instead of just one.  So I float them both.

[hexdj]

@kendo & @alby
Have you realized that using the image_rotator tag (which is great) will invalidate your XHTML because it gives the same ID to all images? is there any way to get around this?

Thanks!

[alby]

@kendo & @alby
Have you realized that using the image_rotator tag (which is great) will invalidate your XHTML because it gives the same ID to all images? is there any way to get around this?

Right  .
Can you add a new topic in modules/addons or in tracker of plugin for next release?

This topic is for comment to kendo451 site 

Alby