Нужно добавить hover функция через jQuery для .bbc_img - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Нужно добавить hover функция через jQuery для .bbc_img IPB 3.4.9

#1 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 09 Март 2018 - 11:41

Нужно добавить hover функция через jQuery для .bbc_img

jQuery("img.bbc_img").hover(function(){
  jQuery('.bbc_img').attr('alt', 'myalt');
   var img = jQuery('.bbc_img[alt="myalt"]').attr('src');
  alert(img);
});


Но в результат получаю ссылку для первой картинки если в теме много картинки.
Нужно ссылка только картинки на который стоит курсор.
0

#2 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 806
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 486
  • IPB version:I have no IPB
 

Отправлено 09 Март 2018 - 12:19

Просмотреть сообщениеQartvela™ сказал(а):

Нужно ссылка только картинки на который стоит курсор.


Используйте this
jQuery("img.bbc_img").hover(function(){
    var img = jQuery(this).attr('src');
    alert(img);
});

1

#3 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 09 Март 2018 - 12:23

Success :)
jQuery(this).addClass('myhover');

0

#4 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 13 Март 2018 - 14:07

@newbie
Здравствуйте
Снова нужна ваша помощь :)

Как получить ссылка на тот пост, где вставлен это картинка:

jQuery("img.bbc_img").hover(function(){
    var post_link = '';
    alert(post_link);
});

0

#5 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 806
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 486
  • IPB version:I have no IPB
 

Отправлено 13 Март 2018 - 14:41

var post_link = jQuery(this).closest('.post_block').find('a[itemprop="replyToUrl"]').attr('href');

1

#6 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 25 Август 2018 - 10:57

Здравствуйте.

Как получить ссылку из bbcode?

<iframe id="ytplayer" class="EmbeddedVideo" type="text/html" width="640" height="390" src="https://youtube.com/embed/$3?html5=1&fs=1" frameborder="0" allowfullscreen webkitallowfullscreen /></iframe>


Ex.:
<iframe id="ytplayer" class="EmbeddedVideo" width="640" height="390" frameborder="0" webkitallowfullscreen="" allowfullscreen="" src="https://youtube.com/embed/GkLjtZQgFg8?html5=1&fs=1" type="text/html">
</iframe>

0

#7 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 806
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 486
  • IPB version:I have no IPB
 

Отправлено 26 Август 2018 - 07:51

Также как и во 2-ом посте
jQuery(".EmbeddedVideo").hover(function(){
    var videoSrc = jQuery(this).attr('src');
    alert(videoSrc);
});

1

#8 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 27 Август 2018 - 08:49

Сделал так:
var vlink = jQuery('img.shVideo').closest('.post_block').find('.EmbeddedVideo').attr('src');


@newbie, Спасибо за помощь.
0

#9 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 29 Апрель 2019 - 16:21

Здравствуйте

До вчерашнево этот код работал отлично

    var link = jQuery('img.imgShare').closest('.post_block').find('a[itemprop="replyToUrl"]').attr('href');


Щас он показывает первую ссылку на пост, в катором вставлен картинка.

На пример, если в теме есть 5 пост: №1(Без), №2(С картинкой), №3(Без), №4(С картинкой), №5(С картинкой).

Если кликнем img.imgShare (каторый показывается когда курсось на img.bbc_img, img.attach) №5(С картинкой) показывается ссылка на пост №2(С картинкой)
0

#10 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 29 Апрель 2019 - 17:33

На одном сервере (a2hosting) есть 3 форум, У всех сразу это проблема :( Сервер может как небудь вллят на jQuery?

В этом же коде есть код:
var desc = jQuery('img.imgShare').closest('.post_block').find('.tfish > p:not([class])').text();

И он работает без проблем.
0

#11 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 806
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 486
  • IPB version:I have no IPB
 

Отправлено 30 Апрель 2019 - 07:15

Просмотреть сообщениеQartvela™ сказал(а):

Щас он показывает первую ссылку на пост, в катором вставлен картинка.

Будет выбрано первое совпадение. В Вашем случае - пост №2.
Я же выше дал пример.
1

#12 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 224
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 30 Апрель 2019 - 09:43

Да вы правы.

Я сделал так:
jQuery("img.imgShare").on({
    mouseenter: function() {
...
        jQuery(this).closest('.post_block').addClass("findUrl");
    },
    mouseleave: function() {
...
        jQuery(this).closest('.post_block').removeClass("findUrl");
    }
});

var link = jQuery('img.imgShare').closest('.findUrl').find('a[itemprop="replyToUrl"]').attr('href');


Nо проста интересно, он работал и вдруг...
0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2019 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна