مشخصات مقاله
-
439
-
0.0
-
4118
-
0
-
0
آموزش ساخت تصاویر کوچک Thumbnail
آموزش ساخت تصاویر کوچک Thumbnail
در این مقاله می آموزید که چطور با استفاده از CSS و Html تصویر کوچک ( بند انگشتی) ایجاد کنید.
تصویر کوچک ( بند انگشتی )
تصویر کوچک ، تصویری است که هنگامی که بر روی آن کلیک کنید تصویر بزرگتر را نشان میدهد و اغلب توسط حاشیه های اطراف آن مشخص میگردد.
چطور یک تصویر کوچک ایجاد کنیم
از مولفه img استفاده کنید و مولفه a را قبل و بعد از آن قرار دهید.توسط border به تصویر فرم دهید و افکت هاور را به آن اضافه کنید:
مثال :
![web-design]()
نمونه مثال Thumbnail Image:
<h2>Thumbnail Image</h2>
<p>برای بزرگنمایی بر روی تصویر کلیک کنید</p><a target="_blank" href="http://articles.tahlildadeh.com/image.axd?picture=webads.jpg">
<img src="http://articles.tahlildadeh.com/image.axd?picture=webads.jpg" alt="web-design" style="width:150px">
</a>
خروجی Thumbnail Image
