M.Javad

مشکل در ساخت اسلایدر

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

سلام.من میخوام یه قسمت نمونه کار تو سایتم اضافه کنم که هر چند ثانیه دوتا نمونه کار قبلی از کادر خارج بشه و دوتا نمونه کار دیگه وارد کادر بشه

ببینید مشکل این دستورات چیه؟!

فایل Html


<div class="portfolio">
<ul>
<li>
<div class="portfolio-web-img"><img src="" alt="" width="100%" height="190px"/></div>
<div class="portfolio-web-desc"><br /><b>نام سایت : </b><br/><br/><b>نوع طراحی : </b><br /><br/><b> طراحان : </b><br /><br/><b>آدرس سایت :</b></div>
</li>
<!--end portfolio 1 -->
<li>
<div class="portfolio-web-img"><img src="" alt="" width="100%" height="190px"/></div>
<div class="portfolio-web-desc"><br /><b>نام سایت : </b><br/><br/><b>نوع طراحی : </b><br /><br/><b> طراحان : </b><br /><br/><b>آدرس سایت :</b></div>
</li>
<!--end portfolio 2 -->
<li>
<div class="portfolio-web-img"><img src="" alt="" width="100%" height="190px"/></div>
<div class="portfolio-web-desc"><br /><b>نام سایت : </b><br/><br/><b>نوع طراحی : </b><br /><br/><b> طراحان : </b><br /><br/><b>آدرس سایت :</b></div>
</li>
<!--end portfolio 3 -->
</ul>
</div>

فایل Css


.portfolio{
width:100%;
height:250px;
border:1px solid #BEBEBE;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background-color:white;
margin:10px auto;
overflow:hidden;
position:relative;
}
.portfolio ul{
width:95%;
height:100%;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
.portfolio ul>li{
left:200px;
list-style-type:none;
border:1px solid #999;
width:45%;
height:200px;
margin-top:15px;
margin-right:35px;
float:right;
}
.portfolio-web-img{
width:40%;
height:190px;
margin:5px;
border:1px dashed #999;
float:right;
}
.portfolio-web-desc{
width:50%;
height:190px;
margin:5px;
border:1px dashed #999;
float:left;
text-align:right;
direction:rtl;
text-decoration:none;
}
.portfolio-web-desc b{
margin:10px;
}

فایل جی کوئری


function portfolio(){
$('.portfolio ul li:first').appendTo('.portfolio ul');
}
setInterval(function(){
portfolio();
},4000);

0

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


لینک به پست

این رو استفاده کنید:

http://caroufredsel.dev7studios.com/

2

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


لینک به پست

من وقتی استفاده میکنم این اررور میده تو کنسول


Uncaught TypeError: Object [object Object] has no method 'carouFredSel' js.js:114
(anonymous function) js.js:114
c jquery-1.10.2.js:3048
p.fireWith jquery-1.10.2.js:3160
x.extend.ready jquery-1.10.2.js:433
q

0

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


لینک به پست

ممنون درستش کردم

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

0

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


لینک به پست

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

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

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

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


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

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

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


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