Forum PHP.pl

Witam serdecznie,
Mam na stronie treści pobierane z bazy danych.

Załóżmy że mam zmienną $txt ze stringiem.

Zdarzają się w nich nich obrazki w różnych postaciach:
- <img alt="XXXX" class="img-fluid" src="random.name" style="height:930px; width:620px" />
- <img alt="XXXX" class="img-fluid" src="random.name"/>
- <img src="random.name"/>
etc

Potrzebuję dodać do każdego obrazka: class "picla" and data-label-class="label-class" - czyli w rezultacie:
- <img alt="XXXX" class="img-fluid picla" src="random.name" style="height:930px; width:620px" data-label-class="label-class"/>
- <img alt="XXXX" class="img-fluid picla" src="random.name" data-label-class="label-class"/>
- <img class="picla" src="random.name" data-label-class="label-class"/>


Wie ktoś może jak to zrobić?

[PHP] pobierz, plaintext 
$txt = str_replace('img-fluid','img-fluid picla', $txt);
$txt = str_replace('/>','data-label-class="label-class"/>', $txt);
[PHP] pobierz, plaintext 

Najprościej, niekoniecznie najlepiej. ( $txt .= w zależności w jaki sposób wyświetlasz)

Zanim uruchomisz ten plugin, dodaj po prostu brakujące wartości i atrybuty w JS.
https://api.jquery.com/addclass/
https://api.jquery.com/attr/

to nie zadziała, bo w stringu mam też inne treści, tabelki itp... zdjęcia nie zawsze są :/




to musi być po stronie php zmienione

Najlepiej byłoby odpytać SQL gdzie znajdują się wartości, które chcesz modyfikować, a następnie wykonać UPDATE i mieć problem z głowy.
edit:
Dużo gorszym rozwiązaniem byłoby zastosowanie if'a ze strpos(), a następnie $txt = str_replace('img-fluid','img-fluid picla" data-label-class="label-class" ', $txt);

Ten post edytował phpuser88 9.05.2022, 21:57:22

A możesz wytłumaczyć dlaczego w PHP?
Przecież biblioteka galerii jest w JS, przed jej uruchomieniem wystarczy dodać atrybuty i wartości również w JS. Co spowoduje, że skrypt galerii w trakcie inicjalizacji znajdziej to co potrzebuje i uruchomi się poprawnie.


Jeśli tak bardzo chcesz PHP:
https://kawalekkodu.pl/the-tag-is-out-there...domxpath-s01e01
https://kawalekkodu.pl/the-tag-is-out-there...domxpath-s01e02
https://kawalekkodu.pl/the-tag-is-out-there...domxpath-s01e03
https://kawalekkodu.pl/the-tag-is-out-there...domxpath-s01e04

A gdzie jest taka informacja, że to o galerię chodzi? Bo przeczytałem temat i dopiero Ty wspominasz o galerii.

Ogólnie, to zrobiłbym to regexem i str_replace. Najpierw poszukaj czy zmienna $txt pasuje do patternu <img>, i później... Jeżeli ma już atrybut class, to dodaj klasę na końcu, jeżeli nie, to podmień 'img' na 'img class="..."' + jeżeli nie ma data-atrybutu, to podmień '>' na 'data-atrybut="...">'.

Ten post edytował Salvation 10.05.2022, 07:52:49

A tutaj: http://arunmichaeldsouza.github.io/picla/

Tak, chodzi o PICLA

zrobiłem taki kod:

[HTML] pobierz, plaintext 
$('.content-view img').each(function() {
        if ($(this).hasClass('picla') === false) {
            $(this).addClass('picla');
            $(this).attr('data-label-class', 'label-class');
            console.log('- dodaje do' + $(this).attr('src'));
        }
    });
[HTML] pobierz, plaintext 

ale nie dodaje napisów na zdjęciu (jak dodam ręcznie z poziomu kodu html to działa).

JS byłļy lepszy, ale nie chce działać Chyba że robi się to jakoś inaczej?

Z tego co widzę, to podpisy pobierane są z atrybutu alt.
Jeśli brak tego atrybutu, to podpisu nie będzie.

Ten post edytował trueblue 10.05.2022, 09:49:48

Zdjęcie ma taki atrybut:

[HTML] pobierz, plaintext 
 <p style="text-align:justify">
                            <img alt="ornitolog koordynujący montaż budek" src="foto.jpg" style="height:930px; width:620px"/>
</p>
[HTML] pobierz, plaintext 

Po dodaniu JSa wyglądada:

https://ibb.co/k05fwBN

Problem rozwiązany Miałem złą kolejność