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>
من در یه صفحه سه تا پلاگین اضافه کردم ولی هر کدوم به تنهایی درست کار میکنه ولی نمی دونم چرا وقتی سه تارا با هم استفاده می کنم آخری کار نمیکنه؟
لطفا راهنمایی کنید.
کد :
<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>