اختلال در جی کئوری

[soroush.r70]

من می خوام از یک کد جی کئوری در چندین قسمت سایتم استفاده کنم و وقتی بلاکاشو قرار می دم فقط یک قسمت کار می کنه چطوری می تونم کاری کنم تو چندین قسمت کار کنه

کد ها :

<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-6.2.0-packed.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
// Scrolled by user interaction
$('#foo2').carouFredSel({
auto: false,
prev: '#prev2',
next: '#next2',
pagination: "#pager2",
mousewheel: true,
swipe: {
onMouse: true,
onTouch: true
}
});

});
</script>

[rezakho]

سوالت خیلی نا مفهومه دادا

[soroush.r70]

ببین یه افکت جی کئوری دارم می خوام اینو در چندین قسمت از صفحه سایتم استفاده کنم و کد ها رو قرار می دم فقط یک قسمت کار می کنه چطوری می شه این جی کئوری رو تنظیم کرد تا در چندین بار ازش استفاده کنم...؟

[plague]

تبدیلش کنه به یه فانکشن و چیزایی که برای هر المنت متغیر هستن مثل آیدی المنت رو هم به عنوان آرگومان دریافت کن تا بتونی برای المنت های مختلف استفادش کنی


function xyz( id ){

id = typeof( id ) == 'undefined' ? 'foo2' : id ;
$('#'+id).carouFredSel({
auto: false,
prev: '#prev2',
next: '#next2',
pagination: "#pager2",
mousewheel: true,
swipe: {
onMouse: true,
onTouch: true
}
});
}

$(function(){
xyz('foo2');
})

[soroush.r70]

با تشکر ولی حل نشد ببین من این کارو کردم

کد jquery به این صورت کردم

<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-5.2.3-packed.js"></script>
<script type="text/javascript" language="javascript">

function xyz( id ){

id = typeof( id ) == 'undefined' ? 'carousel ul' : id ;
$('#'+id).carouFredSel({
auto: false,
prev: '#prev',
next: '#next',
pagination: "#pager",
auto: true,
scroll: 1000,
pauseOnHover: true
});
}

$(function(){
xyz('carousel ul');
})



</script>


و این هم بلاک منه که باید در 6 جای مختلف وب سایت ازش استفاده کنم ولی کار نمی کنه چی کار کنم..؟


<div id="carousel">
<ul>
<li><img src="upload/toystory.jpg" alt="" height="60" width="124" /><a href="">گذاشتم ببين تايه دو تا عکس</a></li>
<li><img src="upload/toystory.jpg" alt="" height="60" width="124" /><a href="">گذاشتم ببين تايه دو تا عکس</a></li>
<li><img src="upload/toystory.jpg" alt="" height="60" width="124" /><a href="">گذاشتم ببين تايه دو تا عکس</a></li>
<li><img src="upload/toystory.jpg" alt="" height="60" width="124" /><a href="">گذاشتم ببين تايه دو تا عکس</a></li>
<li><img src="upload/toystory.jpg" alt="" height="60" width="124" /><a href="">گذاشتم ببين تايه دو تا عکس</a></li>
<li><img src="upload/toystory.jpg" alt="" height="60" width="124" /><a href="">گذاشتم ببين تايه دو تا عکس</a></li>
</ul>
<div class="clearfix"></div>
<a id="prev" class="prev" href="#">&lt;</a>
<a id="next" class="next" href="#">&gt;</a>
<div id="pager" class="pager"></div>
</div>

[plague]

فایرباگ چی میگه ؟

اصلا چی هست این پلاگینه ؟ مطمئنی باید رو ul اجراش کنی ؟ شاید باید روی li ها اجرا بشه ؟

[soroush.r70]

یه پلاگینه اسلایدره کد اصلی به همین صورت بود

ممنون می شم یه کاری کنی این ردیف بشه باید تا غروب تحویلش بدم

[plague]

اگه میتونی تو یه فایل زیپ پلاگین و یه صفحه html که اون کدایی که مدنظرت باشه آپلود کن تا نگاش کنم چون اینجوری ندید نمیشه فهمید چی به چیه

شما هم کارکردن با فایرباگ رو اگه یاد بگیری 2/3 سوالات رو از همونجا جواب میگیری

[soroush.r70]

لینک اسلایدر اینه می خوام اسلایدر طوری بشه که فقط به کپی کردن کد های html اون در چندین قسمت همشون کار کنن

بازم ممنون

http://favbulous.com/demo/skin-a-carousel/

[plague]

شما نمیتونی دوتا المنت با یک id داشته باشی وقتی کپی کنی یه قطعه رو آیدی هر دو قطعه یکسان خواهد بود
باید هر قطعه کد html یه آیدی متفاوت داشته باشه و برای هر آیدی اون فانکشن گالری رو فراخانی کنی
یا اینکه تغییر بدی برنامت رو و از class استفاده کنی

[soroush.r70]

من از jquery چیزی نمی دونم دقیقا باید چی کار کنم تا کارم راه بیفته

[plague]

تو html
id رو تدیل کن به class
توی جیکوئری # رو تبدیل کن به .