[PHP][CSS][MySQL] Pobranie "img" z bazy sql i wyświetlenie w stylu |
[PHP][CSS][MySQL] Pobranie "img" z bazy sql i wyświetlenie w stylu |
23.07.2023, 16:12:32
Post
#1
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 17.04.2023 Ostrzeżenie: (0%) |
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 |
|
|
24.07.2023, 08:07:41
Post
#2
|
|
Grupa: Zarejestrowani Postów: 345 Pomógł: 70 Dołączył: 15.07.2014 Ostrzeżenie: (0%) |
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. |
|
|
24.07.2023, 09:45:23
Post
#3
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
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: Kod <div style="--image:url(tu_sciezka)"> </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. -------------------- |
|
|
24.07.2023, 19:34:23
Post
#4
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 17.04.2023 Ostrzeżenie: (0%) |
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/ |
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 17:35 |