نمایش توضیحات بصورت یک لیست کشویی بر روی تصویر

[adineh67]

سلام به همه ی دوستان طراح
در قسمت معرفی محصولات سایتم یسری تصویر دارم که میخوام با اشاره به هر تصویر یه لیست کشویی شامل توضیحات اون تصویر دقیقا بر روی تصویر ظاهر شه دقیقا ایده ای که سایت ican.ir برای قسمت محصولاتش داده
ممنون میشم راهنماییم کنید که چطور میتونم اینکارو انجام بدم (یکم فوریه:خجالت:)
سپاس

[Moien Tajik]

اگر تعداد محصولاتتون توی هر صفحه کم هستش میتونید اصلاعات هر محصول رو به شکلی که میخواید کشویی زیره هم قرار بدید و display اون رو در ابتدا hide کنید و با ovhover شدن display رو با jQuery به حالت Show در بیارید . اگر هم تعداد رکورد ها تو هر صفحه زیاد هستش باید از ajax استفاده کنید که سرعت لود صفحه زیاد نشه :چشمک:

[adineh67]

تعداد محصولاتم کم هست من فقط تا قسمت hide کردن رو بلدم ذیگه نمیدونم وقتی موس به اون ناحیه اشاره کرد چجوری به شکل یه لیست کشویی نمایشش بده منظورم اینه که متنی که داخل تگ p هست رو چجوری به شکل یه لیست کشویی باز کنم؟:خجالت:
اگه یه نمونه ی کوچیک برام بفرستین ممنون میشم

[Moien Tajik]

http://www.w3schools.com/howto/howto_css_dropdown.asp
http://jsfiddle.net/mohammadAdil/7WLkZ/