Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Скрытый текст больше меньше

Тема в разделе "Свободное общение", создана пользователем geony, 12 июн 2016.

12.06.16 в 20:39
12.06.16 в 22:14
22
3.199
0
  1. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    260
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    скажите пожалуйсте где могу найти скрипт скрытый текст больше меньше
    Безымянный.png
     
  2. Karabas Barabas

    Команда форума VIP Кинотрафик v2

    Регистрация:
    20 ноя 2015
    Сообщения:
    8.172
    Лучших ответов:
    1
    Рейтинги:
    +3.756 / 12 / -0
    У @Gameer
     
  3. PunPun

    VIP Кинотрафик v2

    Регистрация:
    11 июн 2015
    Сообщения:
    7.292
    Лучших ответов:
    31
    Рейтинги:
    +3.892 / 96 / -0
    реквест у @redissx
     
  4. Karabas Barabas

    Команда форума VIP Кинотрафик v2

    Регистрация:
    20 ноя 2015
    Сообщения:
    8.172
    Лучших ответов:
    1
    Рейтинги:
    +3.756 / 12 / -0
    У @byroot за небольшое вознаграждение точно есть(если нет, то будет :)). А так в природе нет.
     
  5. redissx

    redissx Бывалый

    Регистрация:
    23 сен 2015
    Сообщения:
    815
    Лучших ответов:
    7
    Рейтинги:
    +977 / 162 / -0
    :D ладно. Моего сочинения сугубо для текстовых блоков
    js
    Код:
    $(document).ready(function(){
       $('.my-text').wTextSlicer({
        height: '200',
        text: 'Развернуть'
       });
    });
    
    jQuery.fn.wTextSlicer = function(options){
       var options = jQuery.extend({
        height: '200',
        text: 'show more'
        },options);
       return this.each(function() {
         var a = $(this),
           h = a.height();
         if ( h > options.height ) {
           a.addClass('slice slice-masked').height(options.height).after('<div class="slice-btn"><span>'+options.text+'</span></div>');
         };
         $('.slice-btn span').click(function() {
           var bt = $(this),
             a = $(this).parent().prev('.slice');
             ah = parseInt(a.css("height"), 10);
           ah == h ? a.css({'height':options.height}) : a.css({'height':h});
           bt.text(bt.text() == options.text ? "Свернуть" : options.text);
           a.toggleClass('slice-masked');
         });
       });
    };
    
    css
    Код:
    .slice {overflow:hidden; position:relative; transition:height .2s;}
    .slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);}
    .slice-btn {margin:20px 0;  font-weight:700;}
    .slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#f0542e;}
    
     
    • Нравится Нравится x 6
  6. PunPun

    VIP Кинотрафик v2

    Регистрация:
    11 июн 2015
    Сообщения:
    7.292
    Лучших ответов:
    31
    Рейтинги:
    +3.892 / 96 / -0
    шо ? у меня бесплатно есть, но я не люблю заниматься front-end. могу сделать качественно, но это очень долго, дорого и охуенно :eek:
     
  7. Karabas Barabas

    Команда форума VIP Кинотрафик v2

    Регистрация:
    20 ноя 2015
    Сообщения:
    8.172
    Лучших ответов:
    1
    Рейтинги:
    +3.756 / 12 / -0
    Это надо делать всегда
    А вот
    Ну его нах. :D
     
  8. PunPun

    VIP Кинотрафик v2

    Регистрация:
    11 июн 2015
    Сообщения:
    7.292
    Лучших ответов:
    31
    Рейтинги:
    +3.892 / 96 / -0
    если по back-end личный заказ, то дешего и охуенно ;)
     
    • Нравится Нравится x 1
  9. RinzleR

    Команда форума VIP Кинотрафик v2

    Регистрация:
    24 май 2016
    Сообщения:
    36
    Лучших ответов:
    0
    Рейтинги:
    +3 / 0 / -0
    при этом ПС будет видеть весь текст?
     
  10. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    260
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    помогите установить
     
  11. Webster

    PRO Users

    Регистрация:
    25 окт 2015
    Сообщения:
    730
    Лучших ответов:
    3
    Рейтинги:
    +163 / 3 / -0
    В скайп windbreaker5053 пиши
     
  12. Webster

    PRO Users

    Регистрация:
    25 окт 2015
    Сообщения:
    730
    Лучших ответов:
    3
    Рейтинги:
    +163 / 3 / -0
    Заходишь в папку со своим шаблоном и в любой JS файл вставляешь вот это:

    Код:
    $(document).ready(function(){
       $('.my-text').wTextSlicer({
        height: '200',
        text: 'Развернуть'
       });
    });
    
    jQuery.fn.wTextSlicer = function(options){
       var options = jQuery.extend({
        height: '200',
        text: 'show more'
        },options);
       return this.each(function() {
         var a = $(this),
           h = a.height();
         if ( h > options.height ) {
           a.addClass('slice slice-masked').height(options.height).after('<div class="slice-btn"><span>'+options.text+'</span></div>');
         };
         $('.slice-btn span').click(function() {
           var bt = $(this),
             a = $(this).parent().prev('.slice');
             ah = parseInt(a.css("height"), 10);
           ah == h ? a.css({'height':options.height}) : a.css({'height':h});
           bt.text(bt.text() == options.text ? "Свернуть" : options.text);
           a.toggleClass('slice-masked');
         });
       });
    };
    
    а потом в любой CSS файл, вставляешь вот это

    Код:
    .slice {overflow:hidden; position:relative; transition:height .2s;}
    .slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);}
    .slice-btn {margin:20px 0;  font-weight:700;}
    .slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#f0542e;}
     
    • Нравится Нравится x 1
  13. PunPun

    VIP Кинотрафик v2

    Регистрация:
    11 июн 2015
    Сообщения:
    7.292
    Лучших ответов:
    31
    Рейтинги:
    +3.892 / 96 / -0
    Нужно изменить в
    Код:
    $('.my-text').wTextSlicer({
    my-text - название класса который оборачивает текст
     
    • Нравится Нравится x 2
  14. redissx

    redissx Бывалый

    Регистрация:
    23 сен 2015
    Сообщения:
    815
    Лучших ответов:
    7
    Рейтинги:
    +977 / 162 / -0
    ПС в любом случае видят все. Изначально весь текст (.my-text) открыт, затем скрипт по указанной высоте (height: '200',) определяет надо ли скрыть и скрывает.
     
    • Нравится Нравится x 1
  15. Webster

    PRO Users

    Регистрация:
    25 окт 2015
    Сообщения:
    730
    Лучших ответов:
    3
    Рейтинги:
    +163 / 3 / -0
    Я не знаю что тут за что отвечает, я просто объяснил человеку как установить способом от @redissx :D
     
  16. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    260
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    так и сделал но не работает
     
  17. Webster

    PRO Users

    Регистрация:
    25 окт 2015
    Сообщения:
    730
    Лучших ответов:
    3
    Рейтинги:
    +163 / 3 / -0
    Значит ты что то не правильно сделал..
     
  18. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    260
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    вроде бы разобрался
     
  19. Webster

    PRO Users

    Регистрация:
    25 окт 2015
    Сообщения:
    730
    Лучших ответов:
    3
    Рейтинги:
    +163 / 3 / -0
    Скинь ссылку на сайт, посмотрю что не так
     
  20. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    260
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    я на тестовым сайте сделал а сайт на моём компе, сделал сервер
    Безымянный.png
     
Яндекс.Метрика