premier

مشکل اسلایدر owl

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

دوستان به یک مشکل عجیب خوردم

از این اسلایدر برای سایت استفاده می کنم :

http://owlgraphic.com/owlcarousel/

تو صفحه عادی عمل میکنه ولی به محض اینکه به قالب میبرم عمل نمیکنه !!

یعنی اصلا لود نمیشه !!

من کد اونو میزارم اگه راهی هست کمک کنید


<!-- Owl Carousel Assets -->
<link href="<?php bloginfo('template_url'); ?>/css/owl.carousel.css" rel="stylesheet">
<link href="<?php bloginfo('template_url'); ?>/css/owl.theme.css" rel="stylesheet">

<div id="owl-demo" class="owl-carousel">

<div class="item"><h1>1</h1></div>
<div class="item"><h1>2</h1></div>
<div class="item"><h1>3</h1></div>
<div class="item"><h1>4</h1></div>
<div class="item"><h1>5</h1></div>
<div class="item"><h1>6</h1></div>
<div class="item"><h1>7</h1></div>
<div class="item"><h1>8</h1></div>
<div class="item"><h1>9</h1></div>
<div class="item"><h1>10</h1></div>
<div class="item"><h1>11</h1></div>
<div class="item"><h1>12</h1></div>
<div class="item"><h1>13</h1></div>
<div class="item"><h1>14</h1></div>
<div class="item"><h1>15</h1></div>
<div class="item"><h1>16</h1></div>
</div>
<div class="customNavigation">
<a class="btn prev">Previous</a>
<a class="btn next">Next</a>
<a class="btn play">Autoplay</a>
<a class="btn stop">Stop</a>
</div>
<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.9.1.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/owl.carousel.js"></script>
<script type="text/javascript">
var jq191 = jQuery.noConflict(true);
</script>
<script>
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
items : 10, //10 items above 1000px browser width
itemsDesktop : [1000,5], //5 items between 1000px and 901px
itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
itemsTablet: [600,2], //2 items between 600 and 0;
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option

});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
})
$(".prev").click(function(){
owl.trigger('owl.prev');
})
$(".play").click(function(){
owl.trigger('owl.play',1000);
})
$(".stop").click(function(){
owl.trigger('owl.stop');
})

});
</script>
<!-- Demo -->
<style>
#owl-demo .item{
background: #3fbf79;
padding: 30px 0px;
margin: 10px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.customNavigation{
text-align: center;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
</style>

0

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


لینک به پست

سلام

مشکل در تداخل جی کوئری با وردپرس هست.

کدهاتونو در فوتر قرار بدید بعد از تابع فوتر وردپرس.

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط sha2w
      سلام و احترام
      میخوام اسلایدر قالبم رو  با اسلایدری که توسط metaslider ساختم در محیط css بخش سفارشی سازی تغییر بدم
      جسارتا به چه صورت المان اسلایدر قالبمو لینک کنم به اسلایدر ساخته شده ؟؟
    • توسط -HADI-
       
      سلام،
      اسلایدر رولوشن چند وقت هست این خطا رو میده، نمیتونم برطرف کنم مشکل رو ، لطفا راهنمایی کنید
       
      Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include. This includes make eliminates the revolution slider libraries, and make it not work. To fix it you can: 1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true. 2. Find the double jquery.js include and remove it.  
    • توسط Silence
      برای اینکه یک سری از مطالب به عنوان مطلب ویژه در قسمت بالای سایت به صورت اسلاید نمایش داده بشه، می خوام از یک دسته به عنوان ویژه و یا تگ ویژه استفاده کنم....
      حالا برای انتخاب اسلایدر یک سوال برام پیش اومده...
      آیا برای این کار، با استفاده از jQuery و HTML و CSS یک اسلایدر تعریف کنم و کدهای وردپرس رو در اون قرار بدم بهتر هست یا اینکه از پلاگین های آماده برای این کار استفاده کنم؟..
      کدوم پیشنهاد می شه و چرا؟...
       
      هر کدوم از این دو مورد آیا مزیت و برتری نسبت به دیگری دارن؟...
       
    • توسط wp_std
      سلام
      لطفا سایت http://www.chargoon.com/ رو ببینید. در زیر اسلایدر نوشته هایی هت که تغییر می کنه. یه نوع اسلایدر هستش ظاهرا. من همچین پلاگینی واسه وردپرس میخوام ولی هنوز پیدا نکردم. ترجیحا می خوام افقی باشه و یه عکس کوچیک هم کنار هر خبر بیاد. ممنون میشم اگه کسی سراغ داره لینک بده.
    • توسط rezaei1374
      اول از همه توضیح بدم این قالب رایگان توسط وی بی ایران قرار داده شده و من میخوام قسمت اسلایدر رو در قالب دیگری استفاده کنم
      برای اینکار بجز کد های html و css چه کد دیگری به اون قالب اضافه کنم
      در تصویر زیر اسلایدر را مشخص کرده ام

      http://p30web.org/wp/