Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как реализовать кнопки переключения картинок как на softportal

Как реализовать кнопки переключения картинок как на softportal

     05.01.2014    Все вопросы » Шаблоны (TPL)    2954

вопрос
Здравствуйте, как реализовать кнопку(и) переключение картинок, как на софтпортале?
Как реализовать кнопки переключения картинок как на softportal

Ответил: ПафНутиЙ

Примерно вот так

JS:
jQuery(document).ready(function($) {
    $(document).on('click', '.selector', function(event) {
        event.preventDefault();
        $('html').removeClass('class1 class2 class3').addClass($(this).data('class'));
        $(this).addClass('active').siblings().removeClass('active')
    });
});

HTML:
<span class="selector" data-class="class1">class1</span>
<span class="selector" data-class="class2">class2</span>
<span class="selector" data-class="class3">class3</span>

10 комментариев

teleoperator27
Юзер

teleoperator27 - 5 января 2014 10:31 -

ну либо через JS присваивать разные классы body с соответствующими стилями, либо насандалить несколько шаблонов с разным фоном и кнопки переключения это просто ссылки на шаблон, примерно по аналогии как делается два языка на сайте
вАСЯ
Юзер

вАСЯ - 5 января 2014 11:35 -

можно поподробнее с 1-м вариантом через JS?
nambo1
Юзер

nambo1 - 5 января 2014 12:13 -

Если ты про эти вкладки, то могу дать свои (на jquery)
nambo1
Юзер

nambo1 - 5 января 2014 12:32 -

Так более симпатично
teleoperator27
Юзер

teleoperator27 - 5 января 2014 14:42 -

да при чем тут табы? здесь нужна замена класса body по нажатию. Готового варианта нет, увы, но по этому вопросу в инете много инфы. Время будет если то накидаю
teleoperator27
Юзер

teleoperator27 - 5 января 2014 15:03 -

для примера 
<script> 
            $(document).ready( 
                function() { 
                    $("a.my-meny").click( function() { // назначаем реакцию на событие всем ссылкам с классом my-meny 
                            $("a.my-meny").removeClass("act"); // при клике удаляем класс act из всех ссылок меню 
                            $(this).addClass("act"); // добавляем в нажатую ссылку класс act 
                        } 
                     );  
                } 
            ); 


</script>
по аналогии сделать для body class="бла бла "> Только не забывайте, что этого мало, еще и куки потеребить придеться, что бы у юзера выбор запомнился :)
nambo1
Юзер

nambo1 - 5 января 2014 15:33 -

на табах это всё проще
teleoperator27
Юзер

teleoperator27 - 5 января 2014 16:27 -

Цитата: nambo1
на табах это всё проще
шо за бред ))) вы хоть понимаете принцип работы табов?
nambo1
Юзер

nambo1 - 5 января 2014 16:56 -

teleoperator27,
да понимаю, и аргументирую то, что на табах это будет проще реализовать (лично для меня)
teleoperator27
Юзер

teleoperator27 - 5 января 2014 17:12 -

Цитата: nambo1
nambo1
то есть если на сайте планируется 8 цветов бэка, то главную страницу придется грузить 8 раз, только в 7 из них будет display:none; Вы перед тем, как советы давать, хотя бы интернет почитайте.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 19.02.2012 Chandleryp  Шаблоны (TPL), Общие вопросы по PHP
 19.02.2013 ToRN™  Шаблоны (TPL)
 25.10.2013 sr.green  Шаблоны (TPL)
 13.11.2013 ivan_vik  Шаблоны (TPL)
 05.01.2014 ale-eex  Общие вопросы, Шаблоны (TPL)
 11.07.2014 follor  Общие вопросы по вёрстке, Шаблоны (TPL), Ламерские вопросы
 11.07.2014 river7  Шаблоны (TPL)
 19.07.2014 qmax89  Шаблоны (TPL)
 24.07.2014 follor  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 08.06.2015 follor  Шаблоны (TPL)
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх