[PHP][CSS]Wyświetlanie wyników Opcje

[DerekDX]

Witam,
mam pytanie:
Posiadam bazę danych gdzie zawarte są linki do zdjęć i nazwy, czy chcąc wyświetlić te zdjęcia a pod nimi nazwy po kilka sztuk w rzędzie muszę kombinować coś w PHP czy sam CSS da sobie z tym rade?
Ujmując to prościej: czy można za pomocą CSS wyświetlić np 4 obrazki w rzędzie a potem aby same się przełamały do następnego wiersza?

[Ghost_78]

jedyne co mi przychodzi do glowy to wsadzenie tych zdjec do kontenera i ustawienie mu konkretnego wymiaru.
problem tylko taki ze bedziesz musial miec wszystkie zdjecia jednakowej szerokosci np:

[PHP] pobierz, plaintext 
<div style="width: 440px;">
<img src="" style="width: 100px;">
<img src="" style="width: 100px;">
<img src="" style="width: 100px;">
<img src="" style="width: 100px;">
<? //.... tu powinno sie przelamac .... ?>
<img src="" style="width: 100px;">
<img src="" style="width: 100px;">
<img src="" style="width: 100px;">
</div>
[PHP] pobierz, plaintext 

[Age1869]

Jak CSS ma Ci niby wyświetlić zdjęcia, które jak mniemam masz w bazie MySQL (tzn linki do nich)... CSS to jedynie arkusze stylów... Możesz nimi nadać właściwości poszczególnym elementom. Natomiast musisz również napisać odpowiednie zapytanie do bazy np:

[PHP] pobierz, plaintext 
$zapytanko = mysql_query("SELECT * FROM graficzki", $connect);
echo '<div id="costam">';
while ($zap = mysql_fetch_array($zapytanko)) {
echo '<div id="costam2"><img src="sciezka/' . $zap['adres'] . '"><br /><b>' . $zap['nazwa'] . '</b>';
}
[PHP] pobierz, plaintext 

Reszta to kwestia dopasowania danych i napisania odpowiednich styli.

EDIT: klamra umknęła :-P

Ten post edytował Age1869 25.11.2010, 00:49:09

[wdev]

Najlepiej skorzystaj z pętli for i dodaj dzielenie obrazków wykorzystując modulo.

[PHP] pobierz, plaintext 
for($i = 0, $ii = mysql_num_rows($query); $i < $ii; $i++){
  echo "<img..."; /* tu wyświetlasz swój obrazek */
  if ($id%4 == 0){
  echo '<br />';
  }
}
[PHP] pobierz, plaintext 

[CuteOne]

[PHP] pobierz, plaintext 
 
for($i = 0; $i < mysql_num_rows($query); $i++){
  echo "<img..."; /* tu wyświetlasz swój obrazek */
  if ($i%4 == 1){
  echo '<br />';
  }
}
[PHP] pobierz, plaintext 

(IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował CuteOne 25.11.2010, 05:06:05

[DerekDX]

Jak CSS ma Ci niby wyświetlić zdjęcia, które jak mniemam masz w bazie MySQL (tzn linki do nich)... CSS to jedynie arkusze stylów... Możesz nimi nadać właściwości poszczególnym elementom.

No to ja wiem, może źle sformułowałem pytanie ale dokładnie chodziło mi o coś takiego jak powyżej
Dziękuje wszystkim a pomoc (IMG:style_emoticons/default/cool.gif)

[wdev]

[PHP] pobierz, plaintext 
 
for($i = 0; $i < mysql_num_rows($query); $i++){
  echo "<img..."; /* tu wyświetlasz swój obrazek */
  if ($i%4 == 1){
  echo '<br />';
  }
}
[PHP] pobierz, plaintext 

(IMG:style_emoticons/default/winksmiley.jpg)

Nie do końca, CuteOne. Nie wykonuj funkcji (jeśli koniecznie nie musisz) jako środkowy argument pętli for, bo wtedy ona jest wykonywana za każdą iteracją funkcji, co daje Ci spory spadek wydajości. Lepiej wykonać ją na początku, a później pracować już tylko na zwróconym wyniku.

[CuteOne]

yhym... mów tak dalej, może ktoś uwierzy (IMG:style_emoticons/default/winksmiley.jpg) a tak na serio:

1. niepotrzebnie przepisujesz wartość do nowej zmiennej
2. sprawdź wydajność mojego sposobu i swojego przy dużej ilości wierszy [10-30 mln]
3. O jakiej ty funkcji mówisz? mysql_num_rows() czy $i < mysql_num_rows() ?

[wdev]

Sorry, że odpisuję dopiero dzisiaj, ale praca dała mi się ostro we znaki (IMG:style_emoticons/default/winksmiley.jpg)
Ad. 3. oczywiście, że mówię o mysql_num_rows;
a teraz ad. 2. Zrobiłem trochę testów, bo to co pisałem przeczytałem kiedyś w necie i było na tyle logiczne, że nie zadałem sobie trudów benchmarkować. Tabela z 1 kolumną - id, primary key, - 100 tys. pól (mój komputer ma już swoje lata, nie chcę, żeby mi umarł z wycieńczenia).

Test:

[PHP] pobierz, plaintext 
$query = mysql_query("SELECT * FROM test");
for($y = 0; $y <= 100; $y++){
  $start = microtime(true);
  for($i = 0, $ii = mysql_num_rows($query); $i < $ii; $i++) // test 1
  // test2: for($i = 0; $i < mysql_num_rows($query); $i++)
  {
  }     
  $end = microtime(true);
  $time[] = $end - $start;
}
$time = round(array_sum($time), 4);
 
file_put_contents('log.txt', 'test1: '. $time . "\n", FILE_APPEND); //lub test2:
[PHP] pobierz, plaintext 

Wyniki po pięciokrotnym odświeżeniu przeglądarki na obu testach:
test1: 1.958
test1: 2.0256
test1: 2.3469
test1: 2.1014
test1: 1.9449
test2: 9.7351
test2: 10.0474
test2: 9.2541
test2: 10.0189
test2: 9.8731

Jeśli metodologia jest zła, to pomóż mi ją poprawić, mogę się mylić. Albo zrób test sam. Z moich wyników wychodzi, że mój sposób jest 5-krotnie szybszy.

Ten post edytował wdev 1.12.2010, 16:23:21

[CuteOne]

Przetestowałem i zwracam honor (IMG:style_emoticons/default/smile.gif) wyniki podobne jak u Ciebie średnio 3-4 szybciej

Ten post edytował CuteOne 1.12.2010, 18:12:19