سوال CSS (توضيحات تصاوير)

[rasivell 352]

دوستان گرامي سوالي دارم كه نميدونم ايا ميشه با CSS پيادش كرد يا خير

شما يه عكسي قرار دادي تو صفحه ، در نگاه اول ساده است و هيچي نداره ولي وقتي ماوس ميره روش توضيحاتش از پايين مياد بالا و روي عكس با بگراند ترنسپرنسد نمايشد داده ميشه ، مثل اسلايد شوها ، اگر ديده باشيد وقتي ماوس روي عكس ميره توضيحات اون عكس مياد بالا!

حالا با CSS پياده سازي ميشه اين قسمت؟ و يا نياز به جاوا اسكريپت داره (اجرا شدن در IE نسخه 7 به بالا لزومه.)

[Farid 2281]

سلام

دوست عزیز یه نمونه بده تا بیشتر بتونیم کمک کنیم

اما در اون مورد که میگید نیاز به جاوا داره ، تا اونجایی که من دیدم در اکثرشون دیگه یه فایل جاوا احتیاج هست .

ویرایش شده آبان 91 توسط f.gh1372

[aminner 200]

#ex3 {
width: 730px;
height: 133px;
line-height: 0px;
color: transparent;
font-size: 50px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

#ex3:hover {
line-height: 133px;
color: #575858;
}

#ex3 img{
float: left;
margin: 0 15px;
}

نمونه آنلاین:

http://designshack.net/tutorialexamples/HoverEffects/Ex3.html

[rasivell 352]

سلام

دوست عزیز یه نمونه بده تا بیشتر بتونیم کمک کنیم

اما در اون مورد که میگید نیاز به جاوا داره ، تا اونجایی که من دیدم در اکثرشون دیگه یه فایل جاوا احتیاج هست .

نمونه كه بايد بگم هر جا تو هر سايتي كه شما يه اسلايد شو بتونيد ببينيد ميشه چيزي رو كه من ميخوام رو ديد!

بزايد بگم ميخوام چيكار كنم : من توي يه قسمت از قالب ، امدم مثلا يه قسمت درست كردم به نام اخرين ويدئو ها.. بعد ميخوام براي نمايش اون قسمت ، عكس بندانگشتي اون پست ويدئو رو نشون بدم كه خودش كاور ويدئو هستش (براي مثال) بعد چون توي اون كادر من جا نيست كه توضيحات اون ويدئو رو هم نشون بدم ، ميخوام كاري كنم وقتي ماوس ميره روي تصوير ، يه نوشته از بالا و يا پايين بياد و تايتل اون خبر رو نشون بده! همه اينا رو ميتونم انجام بدم فقط نميدونم براي اينكه وقتي ماوس ميره روي اون عكس چيكار كنم كه توضيحات و يا همون تايتلي كه ميخوام و يا اصلا اون متن مورد نظرم ، نمايش داده بشه

لينك و نمونه اي كه دوستمون دادن خوبه و درسته ولي مساله اينه كه توي IE جواب نداد و توضيحات عكس كنارش باز شد درحالي كه من ميخوام روي عكس بياد

(دوستان عزيز اگر ايده اي براي اين بخش مورد نظر من داريد كه فكر ميكنيد بهتره و قشنگ تره ، بگيد ممنون ميشم!)

من ايده ام اين بوده كه مثلا يه كادر باشه ولي فضاي اين كادرم كوچيكه و كم ، و بجاي اينكه بيام 5 ويدئوي خرو نشون بدم كه جاي زيادي ميگيره، براي همه اون ويدئوهام تصوير بند انگشتي قرار بدم كه توي اون كادر بجاي خود ويدئو ، تصوير بند انگشتيش رو نمايش بدم و زماني كه روش كليك ميشه حالا بره براي نمايشش! و براي اينكه يه توضيحات اوليه نشون بدم هم گفتم از اين ترفند نمايش تايتيل مطلب با رفتن ماوس به روي عكس استفاده كنم!

متشكرم

[Morteza 34190]

برای اون نوشته با موس آور:

اول یک باکس مثلا با div ایجاد کنید.

بعد در استایل display:none کنید.

بعد بهش position بدید و بعد با کمک افکت های جی کوئری مثلا toggle یا با کمک animation اون رو نمایش بدید.