).
Пример того, что получится в итоге.
Как такое сделать.
1) Скопировать в папку "images" 2 следующих изображения:
2) Скопировать файл "jQuery.js.txt" в папку "styles/prosilver/template".
jQuery.js.txt- (97.85 КБ) Скачиваний: 87
Не забудьте переименовать файл, убрав расширение txt.
3) Откройте файл "styles/prosilver/template/overall_header.html?quot;
4) Найдите там строку
Код: Выделить всё
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
После неё добавьте
Код: Выделить всё
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jQuery.js"></script>
5) Откройте файл "styles/prosilver/template/viewtopic_body.html?quot;
Найдите строку
Код: Выделить всё
<!-- INCLUDE overall_header.html -->
6) После неё добавьте
Код: Выделить всё
<script language="javascript">
$(document).ready(function(){
//Отлавливаем нажатие на ВСЕХ картинках
//При желании можно отфильтровать, чтобы не на абсолютно всех картинках, а внтури какого-нить блока
$('img').click(function(e){
//e - объект event
var img = $(e.target);
//нужный блок находится сразу за картинкой на одном уровне с ней
//поэтому используем next()
var div = img.parent().next('div#first');
if(div.length > 0) {
if (div.css('display') == 'none'){
div.show('slow', function(){
img.attr('src', 'images/dopinfo_up.gif');
});
}
else{
div.hide('slow', function(){
img.attr('src', 'images/dopinfo_down.gif');
});
}
}
});
});
</script>
Найдите
Код: Выделить всё
<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
<dd> </dd>
Добавьте после
Код: Выделить всё
<dd><img src="images/dopinfo_down.gif" id="toggleimg" /></dd>
<div id="first" style="display: none;">
Найдите
Код: Выделить всё
<!-- END custom_fields -->
Добавьте после
Код: Выделить всё
</div>
7) Обновите шаблон в админке и почистите кэш.
Инструкция для subsilver2
Может решение не идеальное, выслушаю любую критику.
.
