PDA

View Full Version : استفاده از چند پلاگین جی کوئری در یک صفحه



hossein_va
دوشنبه 30 بهمن 1391, 10:17 صبح
سلام
من در یه صفحه سه تا پلاگین اضافه کردم ولی هر کدوم به تنهایی درست کار میکنه ولی نمی دونم چرا وقتی سه تارا با هم استفاده می کنم آخری کار نمیکنه؟
لطفا راهنمایی کنید.
کد :

<script src="Scripts/jquery.js" type="text/javascript"></script>


<script src="Scripts/Skiter.min.js" type="text/javascript"></script>
<script src="Scripts/Skiter.js" type="text/javascript"></script>

<script type="text/javascript">
var ass = jQuery.noConflict();
ass(document).ready(function () {
ass('.box_skitter_large').skitter(
{
dots: false,
fullscreen: false,
label: true,
interval: 4000,
navigation: true,
label: false,
numbers: false,
hideTools: false,
thumbs: false,
velocity: 1,
animation: "random",
animateNumberOut: { backgroundColor: '#333', color: '#fff' },
animateNumberOver: { backgroundColor: '#000', color: '#fff' },
animateNumberActive: { backgroundColor: '#cc3333', color: '#fff' },
auto_play: true
}
);

});

</script>




<script src="Scripts/jquery.jcarousel.pack.js" type="text/javascript"></script>

<script type="text/javascript">
function mycarousel_initCallback(carousel) {
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function () {
carousel.startAuto(0);
});

carousel.buttonPrev.bind('click', function () {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function () {
carousel.stopAuto();
}, function () {
carousel.startAuto();
});
};

jQuery(document).ready(function () {
jQuery('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
scroll: 1,
initCallback: mycarousel_initCallback
});
});

</script>


<script src="Scripts/jquery.ticker.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function() {
$('#js-news').ticker({
direction: 'rtl',
titleText: ''
});
});
</script>

jalil_gh
پنج شنبه 03 اسفند 1391, 10:54 صبح
شام Skiter رو دو بار اضافه کردید.

<script src="Scripts/Skiter.min.js" type="text/javascript"></script> <script src="Scripts/Skiter.js" type="text/javascript"></script>


اکثر پلاگین ها کدهاشون رو به دو صورت کد اصلی و کمپرس شده ارایه میدن. اینجا Skiter.js احتمالا کد اصلیه و Skiter.min.js کدی که به اصطلاح کمپرس شده (با حذف فضاهای خالی و ... حجمش کم شده).
شما فقط Skiter.min.js رو به اضافه کنید.