małe w duże obrazki Opcje

[bim]

Czesc. Moj problem polega na tym,ze nie znam JS a chcialbym osiaganac dosyc popularny efekt,a mianowicie wczytuje obrazek i chccialbym,zeby po kliknieciu na niego pojawial sie odpowiednio duzy obrazek. Sciezke jako tablice pobieram z bazy.Mala fotka sie wyswietla.Jak zrobic by po kliknieciu byla duza???licze na wasza pomoc.Oto moj kod

[PHP] pobierz, plaintext 
<?php
 
include( './DisplayCart.php' );
include( './ShoppingCart.class' );
 
session_start();
 
$pol = odbc_connect( &#092;"Wa-Pro\", \"\", \"\" ) or die(odbc_error());
 
$cart = isset( $_SESSION[ 'cart' ] ) ? unserialize( $_SESSION[ 'cart' ] ) : new ShoppingCart;
 
?>
 
<table border=\"1\">
  <tr>
	<td width=\"200\">
 
	<?php
	  $query = \"SELECT ID_KATEGORII, NAZWA AS NAZWA from KATEGORIA_ARTYKULU\";
	  $wynik = odbc_exec($pol, $query);
 
	  while( $wiersz = odbc_fetch_into( $wynik, $tablica ) )
	  {
			$query3 = \"SELECT COUNT(*) FROM artykul WHERE ID_KATEGORII =$tablica[0]\";
			$wynik2= odbc_exec($pol,$query3);
			//$wiersz = 1;
			$wiersz2 = odbc_fetch_into($wynik2, $tablica2);
			// echo\" <tr> <td align=\"center\"> $tablica[0] </td> </tr>n \";
			echo \"<a href=\"index.php?nid=$tablica[0]\">$tablica[1] ($tablica2[0])</a><br/>n\";
	  }
?>
 
	</td>
	<td  width=\"300\">
 
<?php
if( isset( $_GET[ 'nid' ] ) )
{
	  echo '<table BORDER=1 bordercolor=red>
			  <TR>
				<TD>NAZWA</TD>
				<TD>ID</TD>
				<TD>OPIS</TD>
				<TD>CENA</TD>
				<TD>DODAWANIE</TD>
				 <TD>FOTO</TD>
			  </TR>';
	 $query2 = \"SELECT dbo.ARTYKUL.NAZWA, dbo.ARTYKUL.ID_ARTYKULU, dbo.ARTYKUL.OPIS, dbo.CEN
_ARTYKULU.CENA_BRUTTO,
					   dbo.CENA_ARTYKULU.ID_CENY, dbo.ARTYKUL.POLE1
				FROM   dbo.ARTYKUL INNER JOIN dbo.CENA_ARTYKULU ON dbo.ARTYKUL.ID_ARTYKULU = dbo.CENA_ARTYKULU.ID_ARTYKULU
				WHERE (dbo.CENA_ARTYKULU.ID_CENY = 2) AND ( dbo.ARTYKUL.ID_KATEGORII = '$_GET[nid]')&#092;";
 
	 $wynik = odbc_exec($pol, $query2);
 
	 while($wiersz = odbc_fetch_into($wynik, $tablica))
	 {		if( $tablica[5]== 'n')					  // sprawdzenie czy w bazie jest zdjecie, n-oznacza, ze nie ma
				{
				   $tablica[5]= 'foto_niedostepne.jpg';
				}
			else{}
		   $cena=  sprintf(&#092;"%01.2f\",$tablica[3]);
		   echo &#092;"<tr>
				   <td align=&#092;"center\"> $tablica[0] </td>
				   <td align=&#092;"center\"> $tablica[1] </td>
				   <td align=&#092;"center\"> $tablica[2] </td>
				   <td align=&#092;"center\">$cena</td>
				   <td align=&#092;"center\"><a href=\"cart.php?pid=$tablica[1]&do=Add\">Dodaj do koszyka</a></td>
 
				   <td align=&#092;"center\"><IMG SRC=$tablica[5] border=1 height=60 width=100></td>
				 </tr>n &#092;";
 
	 }
	 echo '</table>';
}
 
?>
 
	</td>
	<td width=\"300\">
 
<?php
 
$objDisplayCart = new DisplayCart( $cart );
$objDisplayCart->DisplaySmall();
 
?>
 
	</td>
  </tr>
</table>
<?php
 
$_SESSION[ 'cart' ] = serialize( $cart );
 
?>
[PHP] pobierz, plaintext 

[mario]

nie musisz, za pomocą funkcji list możesz "wyciągnąć" dane o obrazku bezpośrednio. Podaj ścieżkę do tego obrazka dla:

[PHP] pobierz, plaintext 
<?php
list ($szerokosc, $wysokosc, $type, $attr) = getimagesize ($foto);
?>
[PHP] pobierz, plaintext 

Funkcja zwróci Ci w zmiennych odpowiednie wartości $szerokosc, $wysokosc. I tak będziesz mógł mieć dokładnie dopasowane okienka gdzie będziesz wyświetlać powiększone fotki. Musisz do tych wartości szerokosc i wysokosc dodać po kilka(naście pikseli) aby pozbyć się pasków przewijania, nie piszę tu ile dokładnie, gdyż różne przeglądarki mają różne szerokości. Będzie to wyglądało więc tak:

[PHP] pobierz, plaintext 
<?php
echo &#092;"<a href=\"javascript:displayWindow('foto.php?foto=$foto',$szerokosc+(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?,$wysokosc+(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?)\">popup</a>\";
?>
[PHP] pobierz, plaintext 

gdzie (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ? to wspomniane piksele poszerzające okno w celu pozbycia się pasków przewijania. Proponowałbym również w pliku odpowiedzialnym za wyświetlanie powiększonych obrazków powiedzmy foto.php stworzyć "zerowe" marginesy

[HTML] pobierz, plaintext 
<BODY BGCOLOR="#ffffff" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">
<?php <img src='$_GET[foto]'>
?>
[HTML] pobierz, plaintext 

wtedy obrazek będzie wypełniał całe pole w powiększonym okienku.

Ten post edytował mario 5.05.2005, 18:37:23