Forum PHP.pl > [MySQL][PHP] Wyświetlanie zdjęć w komórkach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [MySQL][PHP] Wyświetlanie zdjęć w komórkach

tomsi

23.03.2010, 20:15:36

W bazie mam tabele z nazwą katalogu i ilością zdjęć (id, nazwa, ilosc). Teraz chciałbym na stronie wyświetlać te zdjęcia po 4 w wierszu. Jeśli jest więcej niż 4 to żeby utworzyć następny wiersz.

Macie jakiś pomysł jak można coś takiego zrobić?

dziamber

23.03.2010, 20:47:13

Hmm, może to nie najlepszy i najbardziej efektywny sposób ale spróbuj:
Robisz pętle która wyświetla te wyniki, i robisz if'a sprawdzając czy id wpisu jest wielokrotnością 4, jeżeli tak to dołączasz do nazwy ciąg "<br/>" i tak po każdym 4,8,12,16,20 itp... tworzy się nowa linia. Wiem trochę zagmatwane ale nie miałem bardziej efektywnego sposobu

celbarowicz

23.03.2010, 20:56:25

[PHP] pobierz, plaintext 
<html>
<head>
<style type="text/css">
</style> 
<script language="javascript" type="text/javascript">
<!--  Hide
 var       t=100;  var   l=500; 
function obrazd(zd) {// alert(zd);       
       t=10;  var   l=460;                                   document.getElementById(zd).style.width=320+"px";
		                                              	document.getElementById(zd).style.height=240+"px";
                                      				document.getElementById(zd).style.top=t+"px";
		                                              	document.getElementById(zd).style.left=l+"px";
                                      // okno=window.open("","moje","width=800,height=600");    
                                          //   okno.document.write(zd);  
 
			     }
function obrazm(zd,l,t,w,h) {// alert(zd);        
                                            document.getElementById(zd).style.top=t+"px";
		                                              	document.getElementById(zd).style.left=l+"px";
                                                    document.getElementById(zd).style.width=w+"px";
		                                              	document.getElementById(zd).style.height=h+"px";
 
                                      // okno=window.open("","moje","width=800,height=600");    
                                          //   okno.document.write(zd);  
 
			     }				 
//-->
</script> 
</head>
<body >
 
 
 
 
<?php 
$top=10; $left=150;$height=60;$width=80;
$katfoto='miniatury';  
 
	$t=strlen($katfoto);
	//$t=$t+1;
 
     $lewo=10;
  $tablica_plikow1=glob("$katfoto/{*.jpeg,*.jpg,*.gif}",GLOB_BRACE);
 
                    $n=count($tablica_plikow1);  
	echo '<div style="position:absolute;left:200px;top:130px;width:800;height:435px;background:bl
ue;">';				
					$ile=0;  $ilez=5;    // $ilez ile fotek we wierszu
                     for($i=0;$i<=$n-1;$i++) { $nazwa_pliku=$tablica_plikow1[$i];
						                            	  // echo  $nazwa_pliku; 
						                              	   $zd=substr($nazwa_pliku,$t+1); 
							                              // echo $zd;  //nazwa fotki
					                                     if($ile>=$ilez){$lewo=10; $ile=0; $top=$top+70;}else{}
 
 
	                    $a=$katfoto.'/'.$zd;
						$opis_fotki='To jest ładna fotka z Gubina.';
 
  $w=$width; $h=$height;
  $lx=$lewo; $ty=$top;
$lewo=$lewo+90;	
 
?>
 
<a href="#" onClick="obrazd('<?php echo $a; ?>') ;return false;"  
 onmouseover="obrazm('<?php echo $aktualne_zd=$a;?>','<?php echo $lx;?>','<?php echo $ty;?>','<?php echo $w;?>','<?php echo $h;?>') ;return false;">
 
 
<img src="<?php echo $a; ?>" id="<?php echo $a; ?>" 
name="<?php echo $a; ?>" style="position:absolute;width:<?php echo $w; ?>px;
height:<?php echo $h; ?>px;left:<?php echo $lx; ?>px;top:<?php echo $ty; ?>px;" >
</a>
<?php 	$ile=$ile+1;   }
//tutaj jest koniec pętli
 ?>         
<br>
<br>
<a href="" ><p>celbarowicz</p>
</a>
</body>
</html>
 
 
[PHP] pobierz, plaintext

w folderze umieszczasz fotki jpg, skrypt musi znajdować się w tym samym folderze co skrypt z fotkami, resztę dostosuj do swoich potrzeb, skrypt sam zlicza ilość fotek

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.