گالری عکس

ایجاد گالری عکس با css

شما در سایت خود می توانید با کمک گرفتن از خاصیت های css یک آلبوم عکس ایجاد نمایید و تمامی عکس های مورد نظر خود را در آن قرار دهید. همچنین می توانید برای عکس هایتان توضیحاتی در نظر بگیرید، برای این کار راه های بسیاری وجود دارد که ساده ترین آن ها ساختن جعبه هایی با صفت کلاس بوده که با تکنیک های چیدمان باید آن ها را به صورت دلخواه کنار یکدیگر قرار دهیم.

مـــهم اگر خواستید برای تصاویر گالری خود متن در نظر بگیرید بهتر است از عنصر جداگانه ای مانند p برای نوشتن آن ها استفاده کنید.

مـــهم برخی از فریم ورک های css امکان ایجاد گاری عکس را به صورت تعریف یک کلاس برای عکس ها فراهم نموده اند، که استفاده از آن ها بسیار راحت می باشد. البته برای ایجاد آلبوم یا گالری عکس پلاگین هایی نیز وجود دارند که با کمی جستجو می توانید آن ها را پیدا و نصب کرده و به راحتی از آن ها استفاده نمایید.


image1image2image3

html :
<img src=”http://hamanweb.ir/…/image.jpg” class=”images”/>
<img src=”http://hamanweb.ir/…/image.jpg” class=”images”/>
<img src=”http://hamanweb.ir/…/image.jpg” class=”images”/>
style :
.images{
width:30%;
height:150px;
float:right;
margin:5px 1.5%;
opacity:0.5;
box-shadow:0 10px 21px 2px gray;
}


مـــهم شما می توانید عکس هایتان را دسته بندی کرده و هر دسته را در یک آلبوم جدا به صورت slideshow به نمایش بگذارید.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی:2017/12/30

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *