Cześć wszystkim,
Utknąłem w martwym punkcie. Chciałem umieścić po dwa zdjęcia w komórce tabeli. Wszystkie zdjęcia znajdują się w jednej kolumnie. W pozostałych jest "Opis", "Stan" itp.
Pomyślałem, że zaoszczędzę miejsce i drugie zdjęcie pojawi się po kliknięciu w pierwsze i tak w kółko. Tutaj zaczynają się schody.
Bazując na innych skryptach- to jest czego szukam:
https://jsfiddle.net/eliranmal/DwArh/
W jaki sposób i czy w ogóle mogę w "stylu" pobrać i wyświetlić dane z bazy? Moje wypociny nie działają :/
content: url( echo '.$row["prod_img1"].' );
Dziękuje
Jak chcesz to tak zrobić, to musisz ten CSS wyrzucić w HTML podczas renderowania. Nie zrobisz tego wrzucając kod bezpośrednio do pliku z rozszerzeniem CSS.
Pokaż swój kod PHP jak wygląda.
Pokaż swój kod PHP jak wygląda.
1. Możesz parsować pliki CSS jako PHP: https://www.google.com/search?q=parse+css+as+php+htaccess
2. Możesz użyć zmiennych CSS:
3. Jeśli obrazki mają zmieniać się po kliknięciu, to domyślny przechowujesz normalnie w src obrazka, a drugi w atrybucie np. data-src (<img src="pierwszy.jpg" data-src="drugi.jpg"/>). W momenci kiedy użytkownik kilka na obrazek, zapisujesz src w data-src, a data-src wpisujesz do src.
2. Możesz użyć zmiennych CSS:
Kod
<div style="--image:url(tu_sciezka)">
</div>
div{
background-image:var(--image);
}
</div>
div{
background-image:var(--image);
}
3. Jeśli obrazki mają zmieniać się po kliknięciu, to domyślny przechowujesz normalnie w src obrazka, a drugi w atrybucie np. data-src (<img src="pierwszy.jpg" data-src="drugi.jpg"/>). W momenci kiedy użytkownik kilka na obrazek, zapisujesz src w data-src, a data-src wpisujesz do src.
Cytat(trueblue @ 24.07.2023, 10:45:23 ) 
3. Jeśli obrazki mają zmieniać się po kliknięciu, to domyślny przechowujesz normalnie w src obrazka, a drugi w atrybucie np. data-src (<img src="pierwszy.jpg" data-src="drugi.jpg"/>). W momenci kiedy użytkownik kilka na obrazek, zapisujesz src w data-src, a data-src wpisujesz do src.
Bardzo Ci dziękuje. Wstawiam link, może komuś się przyda
https://jsfiddle.net/sc08gz4t/1/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.