MainPageGallery2

This widget displays a gallery of images for the main page.


 * 1) photos { }

/* GALLERY CONTAINER */ .gallery { background: #888f88; border: 1px solid #aaa; padding: 1px;}

/* LOADING BOX */ .loader { background: url(loader.gif) center center no-repeat #000; }

/* GALLERY PANELS */ .panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .panel .panel-overlay,

.panel .overlay-background { height: 50px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */ .panel .overlay-background { background: #000; }

/* PANEL OVERLAY CONTENT */ .panel .panel-overlay { text-align: left; color: white; font-size: 1em; } .panel .panel-overlay a { text-align: left; color: white; font-size: 1.2em; text-decoration: none; font-weight: bold; }

/* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ .filmstrip {display:block;}

/* FILMSTRIP FRAMES (contains both images and captions) */ .frame { background: #000;}

/* WRAPPER FOR FILMSTRIP IMAGES */ .frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .frame.current .img_wrap { border-color: #fff; }

/* FRAME IMAGES */ .frame img { border: 1px #fff; }

/* FRAME CAPTION */ .frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */ .frame.current .caption { color: #ddd; }

/* POINTER FOR CURRENT FRAME */ .pointer { border-color: #fff; }

/* TRANSPARENT BORDER FIX FOR IE6 */ /* NOTE - DO NOT CHANGE THIS RULE */ filter: chroma(color=pink); }
 * html .pointer {

   

 $(document).ready(function{				$('#photos').galleryView({ panel_width: 440, panel_height: 270, frame_width: 50, frame_height: 30, transition_speed: 1200, transition_interval: 3000, background_color: '#222', border: 'none', easing: 'easeInOutBack', pause_on_hover: true, nav_theme: 'light', overlay_opacity: 0.5, filmstrip_position: 'bottom', overlay_position: 'bottom' });	});



Effet du soleil sur le paysage Photo by tomharry. View full-size photo here. 

Eden Photo by emsago. View full-size photo here. <img src="/w/images/b/bf/CaseWestSlider_smaller.jpg" />

Snail on the Corn Photo by baines</a>. View full-size photo here</a>. <img src="/w/images/b/bf/CaseWestSlider_smaller.jpg" />

Flowers Photo by jazza</a>. View full-size photo here</a>. <img src="/w/images/b/bf/CaseWestSlider_smaller.jpg" />

Alone Beach 2B Photo by sgursozlu</a>. View full-size photo here</a>.