Помощник
|
Как добавить картинку перед <h2> на Wordpress, Привет! Подскажите, пожалуйста.... Имеется сайт на Wordpress ( |
Chupizdik
|
Сообщение
#1
|
||
|
|
||
|
|||
KurtRassel |
4.5.2016, 22:40;
Ответить: KurtRassel
Сообщение
#2
|
|
Chupizdik, привет. Сколько будет таких картинок? Если немного, то помогу с помощью JS.
|
|
|
Chupizdik
|
Сообщение
#3
|
|
от 2-3 до 30
KurtRassel, обшиблась чуток) от 1 до 25 -------------------- |
|
|
KurtRassel |
4.5.2016, 23:01;
Ответить: KurtRassel
Сообщение
#4
|
|
|
|
|
Chupizdik
|
Сообщение
#5
|
|
KurtRassel, приведу пример, чтоб понятней...
одна запись: <h2>абрикос - толковый словарь</h2> - нужно вставить перед ним фото толкового словаря <h2>абрикос - словарь Ожегова</h2> - перед ним фото Ожегова вторая запись: <h2>вишня в цвету - толковый словарь</h2> <h2>вишня в цвету - словарь Ожегова</h2> фото те же перед каждым h2 Сообщение отредактировал Chupizdik - 4.5.2016, 23:16 -------------------- |
|
|
KurtRassel |
4.5.2016, 23:37;
Ответить: KurtRassel
Сообщение
#6
|
|
Chupizdik, тогда так, вставить в конец страницы.
Код var h2 = document.querySelectorAll('h2');
var imgs = { 'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg", 'словарь Ожегова': "https://www.maultalk.com/uploads/profile/photo-59905.png" }; for(var i = 0; i < h2.length; i++) { var h2_parent = h2[i].parentNode; var h2_text = h2[i].innerHTML; for (var world in imgs) { if (h2_text.indexOf(world) + 1) { var image = document.createElement('img'); image.src = imgs[world]; h2_parent.insertBefore(image, h2[i]); } } } |
|
|
Chupizdik
|
Сообщение
#7
|
|
KurtRassel, не работает, более того, пропадают кнопки листания страницы вверх-вниз...
-------------------- |
|
|
KurtRassel |
4.5.2016, 23:59;
Ответить: KurtRassel
Сообщение
#8
|
|
KurtRassel, не работает, более того, пропадают кнопки листания страницы вверх-вниз... Вот пример: https://jsfiddle.net/5fg6mt15/ Возможно Вы неправильно вставляете. Код <script>
var h2 = document.querySelectorAll('h2'); var imgs = { 'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg", 'словарь Ожегова': "https://www.maultalk.com/uploads/av-59905.png" }; for(var i = 0; i < h2.length; i++) { var h2_parent = h2[i].parentNode; var h2_text = h2[i].innerHTML; for (var world in imgs) { if (h2_text.indexOf(world) + 1) { var div = document.createElement('div'); var image = document.createElement('img'); image.src = imgs[world]; div.appendChild(image); h2_parent.insertBefore(div, h2[i]); } } } </script> |
|
|
Chupizdik
|
Сообщение
#9
|
|
KurtRassel, не работает даже с тип джава скрипт((. Вопрос с пропадание кнопок листания решила - конфликт, мать его. А почему Ваш скрипт не работает - не пойму.... но я подумаю, спасибо...
KurtRassel, не понимаю, почему в примере работает, а на моем сайте - нет ((( завтра подумаю, полазаю. Спасибо) Если вдруг не получится, можно Вам еще вопросы задавать завтра в это время? В примере тоже не корректно работает - перед "вишня в цвету - словарь Ожегова" нет картинки(( Но у меня и в первой записи не появляется она... печаль-беда, всю голову изломала... уже и на if().. пробовала, но мозга не хватает............. Сообщение отредактировал Chupizdik - 5.5.2016, 0:28 -------------------- |
|
|
KurtRassel |
5.5.2016, 0:34;
Ответить: KurtRassel
Сообщение
#10
|
|
Chupizdik, думаю проблема вот в чем, добавьте этот код:
Код document.addEventListener('DOMContentLoaded', functions() { var h2 = document.querySelectorAll('h2'); var imgs = { 'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg", 'словарь Ожегова': "https://www.maultalk.com/uploads/av-59905.png" }; for(var i = 0; i < h2.length; i++) { var h2_parent = h2[i].parentNode; var h2_text = h2[i].innerHTML; for (var world in imgs) { if (h2_text.indexOf(world) + 1) { var div = document.createElement('div'); var image = document.createElement('img'); image.src = imgs[world]; div.appendChild(image); h2_parent.insertBefore(div, h2[i]); } } } }); Chupizdik, важно чтобы текст совпадал с тем что у Вас на сайте + в той же кодировке. Скопируйте с сайта текст "словарь Ожегова" и вставьте в скрипт. Код var imgs = {
'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg", 'словарь Ожегова': "https://www.maultalk.com/uploads/av-59905.png", 'слово': "картинка", 'слово': "картинка", 'слово': "картинка", 'слово': "картинка", ... }; Сообщение отредактировал KurtRassel - 5.5.2016, 0:35 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19788 | Сегодня, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3413 | Сегодня, 11:54 автор: Skyworker |
|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 1 | Boymaster | 489 | Сегодня, 11:45 автор: Skyworker |
|
Зачем перед лендингом ставят промежуточную страницу? | 1 | Boymaster | 555 | 20.4.2024, 22:49 автор: malamut |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 4995 | 20.4.2024, 16:49 автор: Liudmila |
Текстовая версия | Сейчас: 23.4.2024, 14:28 |