Bright Moon

استفاده چند باره از nivo slider

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

سلام به شما دوستای عزیز

از کد جاوا اسکریپت nivo slider استفاده کردم . یک اسلایدری که میخواستم ساختم.

حالا برای اینکه چند اسلایدر از این کد های nivo slider داشته باشم، چیکار باید کنم؟

چطوری افکت رو انتخاب کنم؟

* اسلایدر رو کامل ضمیمه میکنم

slider.zip

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


لینک به پست

خوب چندبار اون تابع اسلایدر رو فراخوانی کنید

نباید مشکلی باشه

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


لینک به پست

فقط بالا ترین فراخوانی اجرا میشه

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


لینک به پست

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

توی داکیومنتش چند اسلایدر رو ندیدم

شاید این خاصیت رو نداشته باشه

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط sajjadmp
      سلام .
      من می خوام از این اسلایدر استفاده کنم :
      http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-infinite-carousel-plugin/
      اما متاسفانه راهنمایی به درد بخوری نداره و فقط مثال زده .
      اگه کسی با این اسلایدر آشنایی داره و نحوه استفادشو میدونه لطفا راهنمایی کنه . اسلایدر مشابه هم اگه میشناسید لطف می کنید اگه معرفی کنید .
      در ضمن من از این کدا هم استفاده کردم که توفیقی نداشته :


      محل مورد نظر
      <ul id="carousel">
      <li><img width="200" height="133" alt="" src="p1.png" /><p>This is <strong>a caption</strong></p></li>
      <li><a href="http://www.google.com"><img width="200" height="133" alt="" src="p2.png" /></a></li>
      <li><a href="http://www.google.com"><img width="200" height="133" alt="" src="p3.png" /></a></li>
      </ul>
      استایل دکمه های پیش فرض
      .ic_caption{
      float:right;
      background:red;
      }
      .ic_button{
      float:right;
      background:red;
      }
      .ic_active{
      float:right;
      background:red;
      }
      .ic_thumbnails{
      float:right;
      background:red;
      }
      فراخوانی در هدر
      <script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery.infinitecarousel3.js"></script>
      <script type="text/javascript" charset="utf-8">
      $(window).load(function() {
      $(‘#carousel’).infiniteCarousel({
      transitionSpeed: 300 milliseconds,
      displayTime: 6000 milliseconds,
      internalThumbnails: false,
      thumbnailType: 'buttons',
      customClass: 'myCarousel',
      progressRingColorOpacity: '0,0,0,1',
      progressRingBackgroundOn: false,
      margin: 10,
      easeLeft: 'easeOutExpo',
      easeRight:'easeOutQuart',
      inView: 1,
      advance: 1,
      autoPilot: true,
      prevNextInternal: true,
      autoHideCaptions: false,
      });
      });
      </script>