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

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

Вопрос? Помогите добавить условие к js скрипту

Тема в разделе "Вопросы- ответы", создана пользователем Winston?!, 20 фев 2018.

20.02.18 в 01:34
20.02.18 в 01:54
3
329
0
  1. TopicStarter Overlay
    Winston?!

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

    Регистрация:
    31 дек 2016
    Сообщения:
    1.252
    Лучших ответов:
    2
    Рейтинги:
    +105 / 11 / -0
    Сделали для меня скрипт вывода под картинкой заполненного при добавлении в новость alt. Работает он таким образом, что caption выводится и при статическом изображении и при выводе уменьшенной копии. Помогите добавить условие, чтобы при выводе уменьшенной копии caption не выводился и блок в котором он выводится не вылазил за ширину добавленного изображения.
    Например, если ширина фулл стори 800px а фото добавленное всего 500px, то блок в котором находится caption будет растянуто на 800px
    Помогите пожалуйста с этим вопросом:(
    PHP:
    $('.full-text img[alt]').each(function(){
    var 
    e=$(this),p=e.closest('#img-no-title'),t=e.attr('alt');if(p.length<1)$('<div class="caption-text">'+t+'</div>').insertAfter(e)
    })
     
  2. iCooLER

    Кодер

    Регистрация:
    13 сен 2016
    Сообщения:
    390
    Лучших ответов:
    6
    Рейтинги:
    +320 / 12 / -0
    Я не совсем понял. Можно ссылку на реальный пример в ЛС?
     
  3. TopicStarter Overlay
    Winston?!

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

    Регистрация:
    31 дек 2016
    Сообщения:
    1.252
    Лучших ответов:
    2
    Рейтинги:
    +105 / 11 / -0
    Отписал
     
  4. iCooLER

    Кодер

    Регистрация:
    13 сен 2016
    Сообщения:
    390
    Лучших ответов:
    6
    Рейтинги:
    +320 / 12 / -0
    HTML:
    $('.full-text img[alt]').each(function(){
        var e = $(this),
            p = e.closest('#img-no-title'),
            t = e.attr('alt'),
            w = $(this).width();
    
        if( p.length < 1 ) {
            $('<div class="caption-text" style="line-height:20px;margin: 0 auto;padding-right: 20px;width:' + w + 'px;">' + t + '</div>').insertAfter( e );
        }
    })
     
    • Полезно Полезно x 1
Похожие темы
  1. maxwellum
    Ответов:
    4
    Просмотров:
    536
  2. Winston?!
    Ответов:
    3
    Просмотров:
    1.219
  3. Winston?!
    Ответов:
    6
    Просмотров:
    462
  4. fsociety
    Ответов:
    0
    Просмотров:
    437
  5. kinouser
    Ответов:
    0
    Просмотров:
    198
Загрузка...
Яндекс.Метрика