Значит так заходите в папку Megatron/js/ там открываете этот файл
timers.js,
далее ищите в нем, такой кусок кода
Код:
$(document).ready(function(){
$('#photos').galleryView({
panel_width: 510,
panel_height: 172,
frame_width: 80,
frame_height: 50,
background_color: '#191919',
border: 'none',
pause_on_hover: true,
nav_theme: 'custom'
});
});
в этой строке
, значение 510 меняете на 686.
Далее заходим в папку Megatron/style/ находим там файл
styles.css, ищем в нем такую строку
/* Слайдер */
и удаляем (заменяем) все что между этой строкой и этой, то есть надо заменить весь css слайдера
/* Футер */
на этот css
Код:
.sliderbox, .sliderbox .dleft, .sliderbox .dright, .sliderbox .dtop{ height:256px; overflow:hidden;}
.sliderbox{background:url(../images/sliderbg.png) repeat-x; width:710px; margin-left:0px;}
.sliderbox .dleft, .sliderbox .dright{background:url(../images/slidersides.png) no-repeat 0 0;}
.sliderbox .dright{background-position:100% -256px;}
.sliderbox .dtop{background:url(../images/slidertop.png) no-repeat 50% 2px;}
.sliderbox .dcont{width:686px; height:232px; padding-top:11px; padding-left:12px;}
.panel-overlay .link{float:right; margin-left:10px; padding:10px;}
.panel-overlay .link a img{background:url(../images/btns.png) no-repeat; width:98px; height:25px;}
.panel-overlay .link a:hover img{background-position:0 -25px;}
.slidertext{padding:12px; color:#FFFFFF; text-transform: uppercase;}
.panel img{width:686px;} /*размер большего изображения*/
.galleryview{-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.filmstrip .thumbs{width:80px;height:50px;display:block;overflow:hidden;}
.filmstrip img{width:80px;}
.sliderover{background: url(../images/sliderover.png) no-repeat 50% 0; height:232px; width:686px; position:relative;}
далее идем в папку Megatron/ ищем там файлик
slider.tpl
в нем находится по 5 изображений два раза, то есть большие и маленькие, так вот Вам нужно скопировать и вставить (добавить) еще два блока сверху и нижу для миниатюры, то есть для примеру покажу на миниатюре, что бы все было понятно, у Вас было так
Код:
<ul class="filmstrip">
<li><div class="thumbs"><img src="{THEME}/slider/1.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/2.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/3.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/4.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/5.jpg" alt=""/></div></li>
</ul>
а прибавив две мини-картинки должно стать так
Код:
<ul class="filmstrip">
<li><div class="thumbs"><img src="{THEME}/slider/1.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/2.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/3.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/4.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/5.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/6.jpg" alt=""/></div></li>
<li><div class="thumbs"><img src="{THEME}/slider/7.jpg" alt=""/></div></li>
</ul>
в место 5 будет 7 картинок, точно так же добавьте и с верху два блока 6 и 7, я это писать не буду так как там текста больше, думаю разберетесь)