Помощник
|
Как добавить картинку перед <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 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1796 | 17.4.2024, 23:35 автор: Boymaster |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4806 | 17.4.2024, 1:19 автор: sergio11 |
|
Если в сайт с одними ключами, которые там долго, добавить новую рубрику с новыми ключами | 2 | Tutich | 1197 | 16.4.2024, 8:27 автор: Tutich |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19705 | 8.4.2024, 10:37 автор: Skyworker |
|
Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта | 0 | Alex-777 | 842 | 7.4.2024, 18:05 автор: Alex-777 |
Текстовая версия | Сейчас: 19.4.2024, 6:09 |