PDA

View Full Version : چگونگی نمایش تصاویر



Taimaz_222
پنج شنبه 13 مهر 1391, 14:08 عصر
روی لینک زیر کلیک کنید و نحوه ی باز شدن عکس رو نگاه کنید

عکس (http://pashamedan.ir/index.php/news/ekhtesasi/390-1391-07-13-13-45-46)


ممنون میشم نحوه ساخت همچین نحوه نمایشی رو توضیح بدید .

hamid_kha
پنج شنبه 13 مهر 1391, 14:38 عصر
سلام
دوست عزیز فکر کنم از lightBox استفاده کرده - و با css عکس ذره بین رو براش تعیین کرده.:لبخندساده:

Taimaz_222
پنج شنبه 13 مهر 1391, 15:03 عصر
ممنون .اما میشه یه نمونه کد ازش بزارید تا بیشتر متوجه شم

hamid_kha
پنج شنبه 13 مهر 1391, 23:37 عصر
سلام
کافیه که فایل های مربوطه رو دانلود کنی (http://up.parsmobile.net/uploads/Desktop.rar) و از حالت زیپ خارجش کنی و توی سایتت قرار بدی و در اون صفحه ای که ازش استفاده کردی
این لینکها رو توی قسمت</head><head>
اضافه کنی-


<script src="/Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<link href="/Scripts/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.pimage').lightBox();
});
</script>
:چشمک: