Показать сообщение отдельно
Старый 31.08.2012, 09:46 Вверх   #6
Грамотный форумчанин
 
Аватар для jakal
jakal вне форума
Доп. информация
По умолчанию

Значит так заходите в папку 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'
		});
	});
в этой строке
Код:
panel_width: 510,
, значение 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, я это писать не буду так как там текста больше, думаю разберетесь)
  Ответить с цитированием
Cказали cпасибо:
 
Время генерации страницы 0.04257 секунды с 10 запросами