686868

مشکل در حلقه پست و افکت تصویر ؟

8 پست در این موضوع قرار دارد

سلام دوستان ! من یه تصویر دارم که در حالت hover یک افکت داره (یه نوشته ظاهر میشه)... خوب حالا من اومدم این تصویر رو در داخل حلقه گذاشتم (یعنی میخوام حالت پستهام اینطوری بشه ) که هر وقت پستی ارسال شد این تصویر بیاد ، که در حالت hover هم یک نوشته ظاهر میشه / ولی مشکل این جاست که فقط برای پست اول این افکت کار میکنه و باقی پستها هیچ افکتی در حالت hover ندارند . مشکل میتونه از چی باشه ؟

به اشتراک گذاری این پست


لینک به پست

شما برای افکت از چه کدی استفاده کردید؟

به اشتراک گذاری این پست


لینک به پست

این اسکریپش :


<script type="text/javascript">
$(document).ready(function () {

var colour = $("#overlay");
var content = $("#hover");

content.hide();
colour.hide();

$("#container").hover(function() {
content.stop().show().css({ "left" : "-450px" }).animate({left : 0}, 300);
colour.stop().fadeTo(500, .7)
}
,function() {
content.stop().animate({left : 450}, 300);
colour.stop().fadeTo(500, 0)
});
});
</script>

این هم کدها :


<style type="text/css">
body {
background-color:#1e1e1e;
padding-top:150px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
h1.dad {
font-size:12px;
font-weight:bold;
color:#960;
direction:rtl;
text-align:right;
}
a {
color:#4de2e0;
text-decoration:none;
}
#container {
width:260px;
height:140px;
position:relative;
overflow:hidden;
z-index:0;
padding:0;
margin:0 auto;
background-image:url(http://www.htmldrive.net/edit_media/2010/201010/20101013/image_slide/images/nemo.jpg);
border:10px solid #414141;
}
#container:hover {
border-color:#303030;
}
#overlay {
background-color:#000;
display:block;
position:absolute;
top:0;
left:0;
width:260px;
height:140px;
z-index:1;
}
#hover {
width:230px;
display:block;
height:80px;
position:absolute;
z-index:3;
padding:5px;
}
#hover p.ma {
color:#fff;
font-weight:normal;
direction:rtl;
text-align:justify;
font-family:Tahoma;
font-size:10px;
line-height:17px;
}
</style>
</head>
<body>
<div id="container">
<div id="overlay">
</div>
<div id="hover">
<h1 class="dad">عنوان</h1>
<p class="ma">متن</p>
</div>
</div>
</body

به اشتراک گذاری این پست


لینک به پست

شما داری به المانی با آی دی خاص افکت رو میدید

بجای آی دی از کلاس استفاده کنید

به اشتراک گذاری این پست


لینک به پست

بسیار ممنون / اون مشکل حل شد و فقط یه ایراد دیگه اضافه شد و اون هم اینکه وقتی روی تصویر میریم ، به جای اینکه افکت روی همون یک تصویر باشه ، همزمان روی همه تصاویر میاد !!

به اشتراک گذاری این پست


لینک به پست

اینجا کد تصحیح شده هست


http://jsbin.com/UteRIJI/1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری