CSS CAROUSEL GALLERIES
A. CSS CAROUSEL GALLERIES SPECIFICATIONS
1. CSS Carousel Galleries work in all major browsers: Chrome, Firefox, Opera, Safari,
and IE 12/11/10. 3D animations do not work in IE 9/8/7/6.
2. A CSS Carousel Gallery is one CSS compact component, and it can be integrated in any site inside a <TD>
or in a <DIV> HTML element. [Carousel Galleries work only with HTML and CSS code.]
3. Your site may be coded in HTML 2/3/4/5, XHTML.
4. This Tutorial Kit presents 4 versions of Carousel Galleries.
5. Each Carousel Gallery code is very simple, therefore it is easy to integrate it in your site. In maximum 1 hour
of moderate coding pains you can have
a nice spinning professional attractive carousel to attract more visitors!
6. The price of our Carousel Gallery Tutorial Kit is hilariously cheap:
7. In order to purchase Carousel Gallery Tutorial-Kit send us an email with your order using:
CONTENT OF CAROUSEL GALLERIES TUTORIAL KIT
This Tutorial Kit contains the following:
CG1: four HTML files, each implementing a different version of a
CG2: one detailed PDF Tutorial file of 13 pages.
CG3: two stylesheet *.css files.
CG4: two page banner pictures of 992x210px each.
CG5: a "BASIC_IMAGES" folder containing 10 pictures.
C. DESCRIPTION OF
CAROUSEL GALLERIES TUTORIAL KIT
Carousel Galleries app. is presented in four versions, and each one is explained line by line, functionally, as comments embedded into the CSS code,
plus in ample details in a dedicated PDF
The first version of a Carousel Gallery is an advertising instrument of three facets only
(horizontal plus angled, rounded facets, spinning continuously CW). Note that the carousel cam be made
smaller or larger, and it can spin over text and images.
You can also use this version to display some precious pictures, though it needs to be pointed out
that Carousel Gallery is more of an advertising instrument, not a picture gallery per se.
The second version of a Carousel Gallery is made of 8 rectangular facets (4 colored pictures plus
4 invisible containing advertising words) positioned horizontally.
You can see a real life implementation in our site on the
Abstract Graphics page.
The third version of a Carousel Gallery is sub-named "Ghostly Advertising". Unfortunately,
we do not have (yet) a real life implementation of this carousel version in our site, though we can assure you
a real "door crusher" advertising instrument!
What you see in the picture on right are four facets (2 with gray shadows and 2 invisible though
containing advertising words). However, this is also an 8 facets carousel, only the backside of the
pictures is hidden from view.
As a result, the movement of this Carousel Gallery is really nice, it takes less screen-space, and it
is perfectly transparent. Even more, the techniques presented for "Ghostly Advertising" can be easily
implemented in any other Carousel Galleries.
The final version of a Carousel Gallery contains 6 facets, it is vertical (and doubly tilted at 45deg
on X and Y axes),
and it also spins continuously. For additional effects, you can remove one tilt at a time, then both.
Note that all Carousel Galleries are unique CSS implementations throughout the Internet!
Versions 3 and 4 make use of the ID selectors, and the CSS code
resides embedded into the HTML file.
Again, each carousel can be scaled up/down, and a lot of interesting CSS effects can be added to it. Just
take a look a
the other Tutorial Kits we offer.