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

شهریور 92

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

**Morteza** · شهریور 92

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

شهریور 92

این اسکریپش :


<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

شهریور 92

شرمنده اساتید / آپ ....

**Morteza** · شهریور 92

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

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

شهریور 92

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

mehral · شهریور 92

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


http://jsbin.com/UteRIJI/1

شهریور 92

ممنون و متشکر از زحماتتون.....

ورود

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

پست های پیشنهاد شده

686868 22

لینک به ارسال

Morteza 34190

لینک به ارسال

686868 22

لینک به ارسال

686868 22

لینک به ارسال

Morteza 34190

لینک به ارسال

686868 22

لینک به ارسال

mehral 785

لینک به ارسال

686868 22

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها