PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : ایجاد یک گالری تصاویر در php



S.A.H.A.N.D
26th May 2011, 05:40 PM
با سلام [golrooz][golrooz][golrooz]

با استفاده از کد زیر میتوانید یک گالری تصاویر ابتدایی ایجاد نمایید.
برای انجام این کار شما باید ابتدا یک پوشه به نام images ایجاد نمایید و همچنین میبایست دو زیر پوشه به نامهای mian و thumb درون پوشه images ایجاد نمایید که در آنها تصاویر قرار داده شوند. سپس درون این پوشه فایلی به نام index.php قرار خواهد گرفت که حاوی کدهای php مورد نیاز میباشد.
بخش اول فایل index.php حاوی کدهای HTML مورد نیاز میباشد.<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head> <body bgcolor="#FFFFFF">
<div align="center"><center>
بخش دوم انتساب مقادیر اولیه به متغیرها میباشد.<?php
$a = '0';
$filepath = "thumb";
$url_path = "main";
$dir = dir($filepath);
مرحله بعدی ایجاد ساختار جدولی صفحه میباشدecho "<table border=\"0\" cellpadding=\"5\" cellspacing=\"5\" width=\"75%\">";
سپس بایستی در یک حلقه تکرار، تصاویر موجود در پوشه thumb بازیابی شده و لینک مورد نظر برای تصویر مرتبط در پوشه main ایجاد گردد.while($entry=$dir->read()) {
if($entry == "." || $entry == "..") {
continue;
}
$fp = @fopen("$filepath/$entry","r");
این کار مستلزم پویش درون پوشه thumb و جستجو برای یافتن تصاویر است. دقت کنید که اگر درون پوشه thumb هیچ تصویری وجود نداشته باشد، شما هیچ خروجی نخواهید داشت.
اکنون ما در یک چرخه بایستی خطوط کد مورد نیاز برای نمایش تصاویر thumbnail و ایجاد لینکهای آن تصاویر به تصاویر اصلی را بنویسیم.if ($a == '0') {echo "<tr>";}
if ($a == '5') {echo "<tr>";}
if ($a == '10') {echo "<tr>";}
if ($a == '15') {echo "<tr>";}
?><td>
<a href="<? echo "$url_path/$entry" ?>">
<img src="<? echo "$filepath/$entry" ?>" alt="<? echo $entry ?>"></a>
</td>
<?
$a = $a + 1;
}
کدهای 4 خط اول در بخش بالا به این منظور نوشته شده است که در هر سطر از جدول 5 تصویر داشته باشیم. متغیر $a وظیفه شمردن تعداد تصاویر را دارد و به محض ایجاد لینک یک تصویر یک واحد به آن افزوده میشود.
پس از آنکه حلقه خاتمه یافته و دیگر هیچ تصویری یافت نشد، کدهای HTML نهایی صفحه را مینویسیم تا ساختار جدولی صفحه کامل گردد.?>
</tr>
</table>
</center></div>
</body>
</html>
متن کامل کد به این شکل است:<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
</head> <body bgcolor="#FFFFFF">
<div align="center"><center>
<?php
$a = '0';
$filepath = "thumb";
$url_path = "main";
$dir = dir($filepath);
echo "<table border=\"0\" cellpadding=\"5\" cellspacing=\"5\" width=\"75%\">";
while($entry=$dir->read()) {
if($entry == "." || $entry == "..") {
continue;
}
$fp = @fopen("$filepath/$entry","r");
if ($a == '0') {echo "<tr>";}
if ($a == '5') {echo "<tr>";}
if ($a == '10') {echo "<tr>";}
if ($a == '15') {echo "<tr>";}
?><td>
<a href="<? echo "$url_path/$entry" ?>">
<img src="<? echo "$filepath/$entry" ?>" alt="<? echo $entry ?>"></a>
</td>
<?
$a = $a + 1;
}
?>
</tr>
</table>
</center></div>
</body>
</html>
توجه داشته باشید که این مقاله یک گالری تصاویر بسیار ابتدایی و ساده را پیاده سازی میکند که صرفا برای آموزش دادن برخی نکات ابتدایی ایجاد یک گالری تصاویر نوشته شده است.
کارهایی که شما باید در ادامه انجام دهید ایجاد تصاویر thumbnail به صورت خودکار و همچنین لحاظ کردن تعداد تصاویر موجود در هر سطر و ستون به صورت پویا میباشد. همچنین ایده آل تر این است که بتوان در صورتی که تعداد تصاویر بسیار زیاد باشد، تصاویر را در چند صفحه به کاربران نمایش داد.
منبع (http://www.noorportal.net/javan/itlearn/show-470.aspx)

استفاده از تمامی مطالب سایت تنها با ذکر منبع آن به نام سایت علمی نخبگان جوان و ذکر آدرس سایت مجاز است

استفاده از نام و برند نخبگان جوان به هر نحو توسط سایر سایت ها ممنوع بوده و پیگرد قانونی دارد