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

با سلام

چجوری میشه یه اسلایدر رو زماندار ( اتوماتیک ) کرد ؟

0

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


لینک به پست

بستگی به کد اجراش داره ولی شکل کلیش ایجوریه


function autoslider() {
setTimeout(function() {
$("#slider").each(function() {
//دستورات اجرای اسلایدر
});
$("#slider").promise().done(function() {
autoslider()
});
},1200//);
}
autoslider();

1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید

1

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


لینک به پست

بستگی به کد اجراش داره ولی شکل کلیش ایجوریه


function autoslider() {
setTimeout(function() {
$("#slider").each(function() {
//دستورات اجرای اسلایدر
});
$("#slider").promise().done(function() {
autoslider()
});
},1200//);
}
autoslider();

1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید

#slider رو هم باید تغییر داد ؟

من میخوام از این اسلایدر استفاده کنم http://temphaa.com/Demo/CSS3SlidingImagePanels/index4.html

0

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


لینک به پست

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

1

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


لینک به پست

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

خوب اگه ما از خیر زماندار کردنش بگذریم ، میشه آخرین پست های یه دسته رو توی همچین اسلایدری نشون داد یا اون هم نیاز به جی کوئری داره ؟

0

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


لینک به پست

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

0

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


لینک به پست

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

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

0

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


لینک به پست

نه من این رو عرض نکردم

اسلایدر شما چهار تصویر را به عنوان پس زمینه در css معرفی کرده

اگر بخواهیم داینامیکش کنیم در فایلهای css که نمی شه php نوشت مجبوریم اون بخش از کدها را به یک فایل php قالب منتقل کنیم و بعدش تابعی که برای احضار تصویر شاخص وجود داره تصویر رو کامل لود می کنه یعنی کد زیر رو می آره


<img src="http://site.com/wpcontent/uploads/2015//2/image.jpg" class="some classes" alt="یک تصویر">

ولی برای استفاده از این اسلایدر باید کد نشانی تصویر رو داشته باشید که بشه در css به این شکل قرارش داد


background-image:url('http://site.com/wpcontent/uploads/2015//2/image.jpg');

پس باید براش تابع اختصاصی نوشت که کار راحتی نیست

برای استفاده از این اسلایدر در وردپرس باید برنامه نویسی رو کامل بدونید که در اون صورت نیازی به اینکار نیست می تونید با نوشتن یک جی کوئری اسلایدر را به مراتب بهتر از این بسازید با دردسر کمتر

0

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


لینک به پست

نه من این رو عرض نکردم

اسلایدر شما چهار تصویر را به عنوان پس زمینه در css معرفی کرده

اگر بخواهیم داینامیکش کنیم در فایلهای css که نمی شه php نوشت مجبوریم اون بخش از کدها را به یک فایل php قالب منتقل کنیم و بعدش تابعی که برای احضار تصویر شاخص وجود داره تصویر رو کامل لود می کنه یعنی کد زیر رو می آره


<img src="http://site.com/wpcontent/uploads/2015//2/image.jpg" class="some classes" alt="یک تصویر">

ولی برای استفاده از این اسلایدر باید کد نشانی تصویر رو داشته باشید که بشه در css به این شکل قرارش داد


background-image:url('http://site.com/wpcontent/uploads/2015//2/image.jpg');

پس باید براش تابع اختصاصی نوشت که کار راحتی نیست

برای استفاده از این اسلایدر در وردپرس باید برنامه نویسی رو کامل بدونید که در اون صورت نیازی به اینکار نیست می تونید با نوشتن یک جی کوئری اسلایدر را به مراتب بهتر از این بسازید با دردسر کمتر

دردسر زیادی نداره تعریف چهار تا تایع برای تصویر شاخص چهارتا پست ، ولی همونطور که گفتید پی اچ پی در فایل سی اس اس کار نمی ده .

تو چن تا سایت خارجی برای استفاده از کد پی اچ پی داخل سی اس اس ، ساخت فایل استایل با پسوند پی اچ پی یا قرار دادن استایل مورد نظر بین تگ <head> رو داده بودن ولی من از اولی زیاد سر در نیوردم و دومی هم کار نداد . چون اسلایدهای این اسلایدر یه جوریه که فقط توی فایل سی اس اسه که میشه براش بک گراند تعریف کرد .

شما می تونید راهنمایی کنید که چجوری فایل سی اس اس با پسوند پی اچ پی میشه ایجاد کرد ؟

0

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


لینک به پست

با جی کوئری هم میشه همین افکت را ایجاد را کرد جستجو کنید می یابید

0

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


لینک به پست
در در 5/5/2015 at 05:48، imanfakhar گفته است :

بستگی به کد اجراش داره ولی شکل کلیش ایجوریه

 

 

function autoslider() {
setTimeout(function() {
$("#slider").each(function() {
//دستورات اجرای اسلایدر
});
$("#slider").promise().done(function() {
autoslider()
});
},1200//);
}
autoslider();

 

1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید

سلام ، این کجا قرار میگیره ؟ من از قالب https://wordpress.org/themes/one-page/ استفاده میکنم ، خودش اسلایدر داره ولی به صورت دستی عمل میکنه !! اگه میشه یه راهنمایی بکنید درستش کنم 

0

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


لینک به پست
در 9 ساعت قبل، khafan11 گفته است :

سلام ، این کجا قرار میگیره ؟ من از قالب https://wordpress.org/themes/one-page/ استفاده میکنم ، خودش اسلایدر داره ولی به صورت دستی عمل میکنه !! اگه میشه یه راهنمایی بکنید درستش کنم 

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

ایمن کد رو  بگذارید انتهای فایل footer.php و قبل از بسته شدن تگ body که انتهای فایل به این صورت بشه 

<script>
jQuery(document).ready(function() {
  function sliderAutoRun() {
  setTimeout(function() {
  jQuery("#slider").find("#nav-arrows").find(".glyphicon-chevron-right").click();
  sliderAutoRun();
  },3500);
  }
  sliderAutoRun();
  });
</script>
</body>

</html>

برای کم و زیاد کردن زمان 3500 را تغییر بدید

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و دورود
      دوستان گرامی من یه اسلایدر با جی کوئری نوشتم ولی نمی تونم برای وردپرس داینامکش کنم. از پست تایپ استفاده کردم ولی اونطور که باید جواب نمیده. لطفا اگه ممکنه راهنمایی کنید.
      سپاس
       
      کد html
      <section id="section-5"> <h3 class="text-center">محصولات</h3> <div id="gallery"> <div class="row"> <div class="col-3"> <div class="image"> <img src="images/img1.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img2.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img3.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img4.jpg" alt=""> </div> </div> </div> <div class="row"> <div class="col-3"> <div class="image"> <img src="images/img5.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img6.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img7.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img8.jpg" alt=""> </div> </div> </div> </div> <a class="text-center buy-butt" href="#">مشاهده تمام محصولات</a> <div id="bigimage"> <div id="close"></div> <a href="#"><img src="" alt=""></a> <div id="next"></div> <div id="prev"></div> </div> </section>  
    • توسط unid_user
      سلام و دورود
      دوستان من یه اسلایدر ساختم که متاسفانه بخش جی کوئری و کدهای جاوا اسکریپت کار نمیکنه!؟
      ممنون
      کد جاوا اسکریپت:
      $(document).ready(function(){ $("a:nth-child(1)").css("background-color","white"); $("#circle1").click(function(){ $("#slider").animate({'left':'5%'},500); $("#data").fadeIn(700); $("#data2,#data3,#data4").fadeOut(500); $(".line").animate({'left':'60%'}); $("a:nth-child(1)").css("background-color","white"); $("a:nth-child(2),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle2").click(function(){ $("#slider").animate({'left':'-30%'},500); $("#data2").fadeIn(700); $("#data,#data3,#data4").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(2)").css("background-color","white"); $("a:nth-child(1),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle3").click(function(){ $("#slider").animate({'left':'-190%'},500); $("#data3").fadeIn(700); $("#data,#data2,#data4").fadeOut(500); $(".line").animate({'left':'55%'}); $("a:nth-child(3)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(4)").css("background-color","black"); }); $("#circle4").click(function(){ $("#slider").animate({'left':'-240%'},500); $("#data4").fadeIn(700); $("#data,#data2,#data3").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(4)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(3)").css("background-color","black"); }); });  
      site_4.zip
    • توسط MK2
      با سلام
      در  اسلایدر revslider
      با خطای Revolution Slider Error: The param navigaion_type not found in slider params.
      مواجه شدیم. ممنون میشم راهنمایی کنید.
      تشکر
    • توسط unid_user
      سلام و درود
      دوستان گرامی، من می خوام کدی رو معرفی بفرمایید که وقتی روی تصویر شاخص در یک پست کلیک میکنم تصویر در سایز بزرگ به صورته آنچه که در سایت زیر مشاهده می فرمایید به نمایش در بیاد.
      سپاس و تشکر.
      نمونه سایتی که گفتم.
    • توسط Siaavash
      یک صفحه برای نمایش پروژه هست، که شامل متن، عکس و Thumbnail عکس های پروژه می شه!
      می خوام متن توی یک ستون لود بشه، تمام عکس ها به صورت یک اسلایدر داخل ستون وسط و thumbnail ها هم در ستون دیگه!
      به چه صورت می تونم این کار رو انجام بدم؟ که کاربر متن رو وارد کنه و تمام عکس ها رو هم داخل پست آپلود و وارد کنه، بعد به صورت اتوماتیک متن داخل ستون خودش قرار بگیره (div) تمام عکس ها داخل اسلایدر قرار بگیرند و بند انگشتی عکس ها هم ساخته و داخل ستون مربوطه فراخوانی بشن.
      بهترین راه برای انجام این کار چیه؟
      با استفاده از فرمت گالری توی post formats می شه این کار رو انجام داد؟