Witam
Od razu napiszę że jestem laikiem gdy chodzi o HTML i JQUERY.
Muszę zrobić prostą stronkę - coś w rodzaju galerii.
Korzystam zatem z JQUERY GALLERY CLLASSIC i jest problem.
Zdjęcia ładują się, wyświetlają, ładnie przechodzą w trybie "fade" ...
Chodzi o (nie wiem jak to się nazywa) THUMBS ?? Te małe ikonki zdjęć pod głónym zdjęciem.
Nie potrafię zmienić ich rozmiaru. Jest taki plik "galleria.classic.css" i ta są różne opcje.
Zmieniam tam rozmiar tych THUMBS'ów ale nic się nie dzieje. Zachowuje się to zupełnie na odwrót niż ja chce.
Ktoś może podsunąć jakieś wskazówki co do ustawienia tych thumbsów tak, żeby miały one rozmiar taki jak się chce?
Nie chce przecież wiele, tylko żeby miały one rozmiar width:60px; height:40px. A to zachowuje się zupełnie nie tak.
Kurcze cierpliwości mi już brakuje.
Oto plik galleria.classic.css. Czy ktoś mógłby rzucić okiem czy tam jest wszystko OK?
.galleria-container{height:400px;position:relative;overflow:hidden;background:null;}
.galleria-stage{position:absolute;top:10px;bottom:50px;left:10px;right:10px;overflow:hidden;}
.galleria-thumbnails-container{
height:40px;
bottom:0;
position:absolute;
left:10px;
right:10px;
z-index:2;
}
.galleria-carousel .galleria-thumbnails-list{margin-left:30px;margin-right:30px;}
.galleria-thumbnails .galleria-image{
height:40px;
width:60px;
background:#ffffff;
margin:0 10 0 0;
border:1px solid #996600;
float:left;
cursor:pointer;
}
.galleria-thumbnails .active{border-color:#993300;}
.galleria-counter{position:absolute;bottom:10px;left:10px;text-align:right;color:#fff;font:normal 11px/1 arial,sans-serif;z-index:2;}
.galleria-loader{background:#000;width:20px;height:20px;position:absolute;top:10px;right:10px;z-index:2;display:none;background:url(classic-loader.gif) no-repeat 2px 2px;}
.galleria-info{width:50%;top:15px;left:15px;z-index:2;position:absolute;}
.galleria-info-text{background-color:rgba(0,0,0,.9);*background-color:#000;padding: 12px;display:none;}
.galleria-info-title{font:bold 12px/1.1 arial,sans-serif;margin:0;color:#fff;}
.galleria-info-description{font:italic 12px/1.4 georgia,serif;margin:0;color:#bbb;}
.galleria-info-title+.galleria-info-description{margin-top:7px;}
.galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;cursor:pointer;display:none;}
.galleria-info-link{background-position:-669px -5px;opacity:.8;position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000;}
.galleria-info-link:hover,
.galleria-info-close:hover{opacity:.5;}
.galleria-image-nav{position:absolute;top:50%;margin-top:-15px;width:100%;height:31px;left:0;}
.galleria-image-nav-left,
.galleria-image-nav-right{opacity:.7;cursor:pointer;width:16px;height:31px;position:absolute;left:10px;z-index:2;}
.galleria-image-nav-right{left:auto;right:10px;background-position:-300px 0;z-index:2;}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover{opacity:.5;}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right{cursor:pointer;display:none;background-position:-495px 0;border-right:1px solid #444;position:absolute;left:0;top:0;height:30px;width:23px;z-index:3;opacity:.8;}
.galleria-thumb-nav-right{background-position:-578px 0;border-left:1px solid #444;border-right:none;right:0;left:auto;}
.galleria-thumbnails-container .disabled,
.galleria-thumbnails-container .disabled:hover{opacity:.2;cursor:default;}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover{opacity:1;background-color:#111;}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right{display:block;}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right{background-image:url(classic-map.png);background-repeat:no-repeat;}
Pomóżcie, błagam...