اضافه کردن نوار روی عکس

[3245 3]

سلام

من توسط کد میخوام پایین عکس یک نوار ایجاد کنم و اسم عکس مورد نظر رو روش بنویسم

اما خاطرم نیست این قابلیت چه نام دارد

دقیقا شبیه عکس زیر:

 

ممنون میشم یک کد نمونه بدید که یک عکس با سایز خاص داشته باشه و این قابلیت رو هم داشته باشه

 

ممنون

[هادی خانزاده 103]

باعرض سلام

این اسلایدر تصویر هست که نمونه هی زیادی هم میتونید پیدا کنید :

http://flexslider.woothemes.com/basic-slider-with-caption.html

http://bxslider.com/examples/image-slideshow-captions

موفق و پیروز باشید.

[3245 3]

میدونم، اما میخواستم بصورت کد و دستی انجام بدم

[هادی خانزاده 103]

در واقع نمیخوایید اسلایدر باشه درسته؟

[a_mogheimi 128]

از قابلیت relative , absolute استفاده کنید و بکگراند رو هم rgba بدید . relative رو برای parent در نظر بگیرید و absolute رو برای فرزند و پوزیشن رو برای فرزند , left : 0  bottom :0 قرار بدید البته باید width  روهم 100 درصد تنظیم کنید.