1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. МАРТ >>>
HTML ↴
Библиотека Javascript SE@RCHER Автосмена фото квадратами (JQuery)
a#vlb{display:none} #wowslider-container { zoom: 1; position: relative; width:604px; height:403px; margin:0 auto; z-index:100; border:10px solid #FFFFFF; } * html #wowslider-container{ background-image: none; } #wowslider-images{ position: relative; width:604px; height:403px; overflow:hidden; } #wowslider-images a{ color:transparent; } #wowslider-images img{ top:0; left:0; border:none 0; } #wowslider-container a{ text-decoration: none; outline: none; border: none; } #wowslider-container .ws_bullets { font-size: 0px; padding: 0px; float: left; position:absolute; right: 5px; top: 10px; z-index:40; } #wowslider-container .ws_bullets a { margin-right: 5px; width:21px; height:21px; background: url(bullet.png); float: left; text-indent: -1000px; } * html #wowslider-container .ws_bullets a { background: url(bullet.gif); } #wowslider-container .ws_bullets a.ws_selbull{ background: url(bullet_active.png); } * html #wowslider-container .ws_bullets a.ws_selbull { background: url(bullet_active.gif); } #wowslider-container a.ws_next { position:absolute; display:none; top:50%; margin-top:-22px; position:absolute; z-index:1001; height: 45px; width: 45px; background-image: url(arrows.png); } #wowslider-container a.ws_prev { position:absolute; display:none; top:50%; margin-top:-22px; position:absolute; z-index:1001; height: 45px; width: 45px; background-image: url(arrows.gif); } #wowslider-container a.ws_next{ right:10px; } #wowslider-container a.ws_prev { left:10px; } * html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block} #wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {display:block} #wowslider-container .ws-title{ position: absolute; bottom:25px; left: 0px; margin-right:30px; z-index: 50; padding:10px; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); color: #000000; background:#FFF; font-family: Tahoma,Arial,Helvetica; font-size: 14px; letter-spacing: 1px; line-height: 18px; text-align: left; text-shadow: 0 0 2px #FFFFFF; -moz-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0; font-size: 14px; } #wowslider-container .ws-title div{ padding-top:5px; font-size: 12px; }
размер
Kb
ПРИМЕР ↴
✔ пример в полном окне
Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER