PDA

View Full Version : سوال: PHP & Java script


mhmodroz
جمعه 03 خرداد 1392, 19:32 عصر
با سلام.
دوستان من میخوام یه صفحه PHPداشته باشم که عکس برام آپلود کنه و بعد کد اپلود رو بذاره تو پایگاه داده.
بعد یه صفحه دیگه داشته باشم که سمت راستش تصاویر اپلود شده به صورت کوچیک اونجا باشند.
با کلیک بر روی هر کدوم اون عکس کوچیک در قسمت سمت چپ سایز بزرگش نمایش داده بشه(یعنی از دیتا بیس بخونه و نمایشش بده)


و اما سوال؟
تا اونجا که تصاویر کوچیک رو نمایش بده پیش رفتم. ولی نمیتونم چی کار کنم که بره از دیتا بیس بخونه و بیاد نمایش بده.(تعریف متغیر ، چگونگی مقدار دهی و .............)

ممنون میشم دوستان کمک بکنندو اگر هم کد خاصی دارند اینجا بذارند تا همه استفاده کنند.
با تشکر
siavashsay
جمعه 03 خرداد 1392, 19:52 عصر
دوست عزیز
در ابتدا باید یک صفحه PHP درست کنید که کل لینک های ( آدرس های عکس های کوچک یا نام اونها رو ) از دیتابیس بخونه و به صورت عکس نشون بده ! مثل فایل زیر :
صفحه small_img.php


<?php
// db connect
$sql=mysql_query("SELECT * FROM `tb_name`");
while($obj=mysql_fetch_object($sql)){
$small_img_link=$obj->small_img_link;
?>
<img src="img_folder/<?php echo $small_img_link; ?>" />
<br/>
<?php
}
?>

سپس یک Div با آیدی مشخص ( در اینجا small_img ) درست کنید و توسط جی کوئری و تابع setInterval هر ( مثلا ) 1 ثانیه مقادیر اون صفحه رو توی اون Div لود Load کنید ! کد زیر :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
$(document).ready(function(e) {
setInterval(function(){
$("#small_img").load("small_img.php");
},1000);
});
</script>
</head>

<body>
<div id="small_img"> </div>
</body>
</html>

بقیه داستان که چطوری عکس ها بزرگ شن یعنی حالت گالری باشه دیگه خودتون باید بلد باشید !
موفق باشید
mahmod2000
شنبه 04 خرداد 1392, 10:52 صبح
برای بزرگ شدن عکس ها هم میتونید از کتابخانه fancybox واسه jquery هست استفاده کنید

ولی باید بخونید ببینید طریقه کارش به چه شکلی هست..
siavashsay
شنبه 04 خرداد 1392, 12:19 عصر
حالا واسه اون مورد که UI زیاد هست ! یک نمونش Shadowbox-js.com هست که کارکردن باهاش خیلی آسونه :)