Народ, нашел решение как реализовать идею установить свои переключатели фотографий! Итак:
Для начала нам нужны стрелки, я взял первые попавшие под руки, вставляем их в шаблон (я вставил по бокам от фотографии) и присваиваем каждой отдельный айди, у меня получилось так:
Code
<tr><td align="center" width="20%"><table border="0" width="auto" style="cursor: pointer"><tr><td><img id="321" src="http://www.iconsearch.ru/uploads/icons/bnw/32x32/1leftarrow.png" title="Предыдущая фотография"></td></tr></table></td>
<td align="center">$PHOTO$</td>
<td align="center" width="20%"><table border="0" width="auto" style="cursor: pointer"><tr><td><img id="123" src="http://www.iconsearch.ru/uploads/icons/bnw/32x32/2rightarrow.png" title="Следующая фотография"></td></tr></table></td></tr>
Для переключения фотографий я использовал скрипт которым переключается следующая фотография при нажатии на осн. фотографию (см. выше), но немного его изменил, получилось так:
Для переключения на следующую фотографию:
Code
<script type="text/javascript">
var idImageN = 123;
var nextLink = null;
function nextPhoto() {
var allA = document.getElementsByTagName('a');
for (i=0; i < allA.length; i++) {
var inner = allA.item(i).innerHTML;
if (inner.indexOf("Следующая") != -1) nextLink = allA.item(i).href;
}
if (nextLink != null) window.location.href = nextLink+'#to';
else window.location.href = '$CAT_URL$';
}
function attachEvent(x,y,z){
if(!z){z = window}else{z = document.getElementById(z)}
z["on"+x] = y;
};
attachEvent('click', nextPhoto, idImageN);
</script>
Для переключения на предыдущую фотографию, у меня получилось так:
Code
<script type="text/javascript">
var idImageP = 321;
var prevLink = null;
function prevPhoto() {
var allB = document.getElementsByTagName('a');
for (i=0; i < allB.length; i++) {
var inner = allB.item(i).innerHTML;
if (inner.indexOf("Предыдущая") != -1) prevLink = allB.item(i).href;
}
if (prevLink != null) window.location.href = prevLink+'#to';
else window.location.href = '$CAT_URL$';
}
function attachEvent(x,y,z){
if(!z){z = window}else{z = document.getElementById(z)}
z["on"+x] = y;
};
attachEvent('click', prevPhoto, idImageP);
</script>
В скриптах совершенно не шарю, менял наугад следуя логике, но получилось и работает. Если что-то не так, или можно эти два скрипта объединить в один, сильно не ругайте и поправьте!
Все изменения делать в "Панель управления - Управление дизайном(шаблоны) - Фотоальбом - Страница с полной фотографией и комментариями"
Эти два скрипта вставлять перед закрывающим </body>
И еще одно, мне сильно не удобно было когда переключаешь фотку и следующая страница с фотографией показывалась сначала, с шапки, и чтоб посмотреть на фотку "в полный рост" или переключить на следующую, надо прокручивать страницу вниз до нужного момента, и так каждый раз!
Для исправления ситуации я использовал внутреннюю ссылку на странице, так называемый "html якорь", то-есть место на странице с меткой до которого страница сама прокручивается при загрузке.
Для этого вам нужно определится с местом до которого хотите прокручивать и установить там метку, то-есть присвоить элементу name="..." id="...", я сделал так:
одной из ссылок в шапке я присвоил
Code
<a href="$HOME_PAGE_LINK$" title="Главная страница" name="to" id="to">Главная</a>
А в скриптах переключения добавил эту метку:
Code
if (nextLink != null) window.location.href = nextLink+'#to';
и
Code
if (prevLink != null) window.location.href = prevLink+'#to';
Если вы не хотите чтоб страница сама прокручивалась, тогда нужно не ставить метку name="to" id="to", и убрать #to из скрипта, то-есть строки будут выглядеть так:
Code
if (nextLink != null) window.location.href = nextLink;
и
Code
if (prevLink != null) window.location.href = prevLink;