CSS CAROUSEL GALLERIES

 

RED LEAF
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:
10 EURO!
7. In order to purchase Carousel Gallery Tutorial-Kit send us an email with your order using: support@corollarytheorems.com


B. CONTENT OF CAROUSEL GALLERIES TUTORIAL KIT

This Tutorial Kit contains the following:
   CG1: four HTML files, each implementing a different version of a Carousel Gallery.
   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 tutorial file.

CAROUSEL GALLERY CSS CODE

CAROUSEL GALLERY VERSION1






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.
CAROUSEL GALLERY VERSION2





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.
CAROUSEL GALLERY VERSION3







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 it is 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.
CAROUSEL GALLERY VERSION4





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.
 
 
 
 
x
Send your comments regarding this page using support@corollarytheorems.com, noi@editcc.com, or cus@2agraph.com
Page last updated on: July 15, 2017
© SC Complement Control SRL. All rights reserved.
 

OUR CANADIAN FLAG

x
 

Valid HTML 4.01!

Site page valid according to W3C

Valid CSS!

Stylesheets pages valid according to W3C

 
x