Версия Joomla! 2.5.28, адрес сайта
http://ddtor.ru.
Версию для слабовидящих сделала с помощью AlekVolsk, спасибо ему огромное, Re: Переключение шаблонов "на лету", здесь вопросов никаких нет, все работает замечательно.
Панель с переключением цвета фона, размеров шрифта и отключением и включением картинок, пришлось делать самой. Если настраиваить параметры, т.е менять цвет фона или включать картинки, на основных страницах, то при переходе на другие страницы, настройки сохраняются. Но, если что-то поменять на вложенном пункте меню, то при переходе на другую страницу настройки не сохраняются. Куки сохраняются только на основных пунктах.
Как сделать, чтобы куки сохранялись на всех пунктах меню.
jQuery(function() {
jQuery('body').css('font-size',jQuery.cookie('font-siz'));
jQuery('.item-page img,.item img').addClass(jQuery.cookie('img'));
jQuery('body,a').addClass(jQuery.cookie('class'));
jQuery('.smaller').click(function() {
jQuery.cookie('font-siz','83%');
jQuery('body').css ('font-size', jQuery.cookie('font-siz'));
});
jQuery('.reset').click(function() {
jQuery.cookie('font-siz','100%');
jQuery('body').css ("font-size", jQuery.cookie('font-siz'));
});
jQuery('.larger').click(function() {
jQuery.cookie('font-siz','150%');
jQuery('body').css ("font-size", jQuery.cookie('font-siz'));
});
jQuery('.blacker').click(function() {
jQuery.cookie('class','black');
jQuery('body,a').addClass(jQuery.cookie('class'))
});
jQuery('.whiter').click(function() {
stro =jQuery.cookie('class',null);
jQuery('body,a').removeClass('black');
});
jQuery('.vkl').click(function() {
jQuery.cookie('img','shown');
jQuery('.item-page img,.item img').addClass(jQuery.cookie('img'))
});
jQuery('.vykl').click(function() {
str =jQuery.cookie('img',null);
jQuery('.item-page img,.item img').removeClass('shown')
});
});
<div id="fontsize">
<div class="font">
Размер шрифта:
<a class="smaller" title="Уменьшить размер" href="#">A</a>
<a class="reset" title="Размер по-умолчанию" href="#">A</a>
<a class="larger" title="Увеличить размер" href="#">A</a>
</div>
<div class="fon">
Цвета сайта:
<a class="whiter" title="Белый фон" href="#">Б</a>
<a class="blacker" title="Черный фон" href="#">Ч</a>
</div>
<div class="izo">
Изображения:
<a class="vkl" title="Включить изображения" href="#">Вкл.</a>
<a class="vykl" title="Выключить изображения" href="#">Выкл.</a>
</div>
</div>
.black {
background-color: #000000;
color: #ffffff;
}
.item-page img, .item img, .blog img, .category-desc img {
display: none;
}
.shown {
display: block !important;
}