-
May 23rd, 2016, 12:47
#11
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
سعی کردم خیلی ساده طرز استفادشو برات بنویسم.
البته خودت تغییرش بده و بهتره هر تیکه رو یه فانکشن کنی که از بازنویسی جلوگیری بشه
کد HTML:
$(document).ready(function(){
$("#slides li:gt(0)").hide();
setInterval(function() {
$('#slides li:first')
.fadeOut(1000)
.removeClass('soosk')
.next()
.fadeIn(1000)
.addClass('soosk')
.end()
.appendTo('#slides');
}, 4000);
$(".next").click(function(){
activeid = $("#slides li.soosk").index()
nextshow = activeid+1;
$("#slides li").hide();
$("#slides li").eq(nextshow).fadeIn(1000)
})
});
-
تعداد تشکر ها از vpsman به دلیل پست مفید
-
May 23rd, 2016 12:47
# ADS
-
May 23rd, 2016, 13:00
#12
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
عالی بود کار میکنه ولی یک مشکل هست که با یک کلیک نمیره اسلاید بعدی
یک بار دو تا کلیک میکنم میره دفعه بعد 4 بار باز دو بار و ...
اصلا نظم خاصی نداره !!
من بجای کلاس next که شما گذاشتید از آیدی right-control استفاده کردم که تو کدهام هست
کد:
/* Switching Slides */
$(document).ready(function(){
$("#slides li:gt(0)").hide();
setInterval(function() {
$('#slides li:first')
.fadeOut(1000)
.removeClass('soosk')
.next()
.fadeIn(1000)
.addClass('soosk')
.end()
.appendTo('#slides');
}, 4000);
$("#right-control").click(function(){
activeid = $("#slides li.soosk").index()
nextshow = activeid+1;
$("#slides li").hide();
$("#slides li").eq(nextshow).fadeIn(1000)
});
});
می تونید اینجا ببینید: همون اسلایدر اول صفحه: Zebco.ir
-
-
May 23rd, 2016, 13:10
#13
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)
-
تعداد تشکر ها از vpsman به دلیل پست مفید
-
May 23rd, 2016, 13:30
#14
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

نوشته اصلی توسط
vpsman
به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)
من ساختار رو گذاشتم بازم می ذارم:
کد:
<ul id="slides">
<li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/Minecraft.jpg" /></li>
<li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/2.jpg" /></li>
<li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/3.jpg" /></li>
<li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/4.jpg" /></li>
</ul>
<div id="overlay" style="background:#26292E; width:100%; height:100%; position:absolute; top:0px; right:0px; z-index:2; opacity:0.5;"></div>
<a id="right-control">‹</a>
<a id="left-control">›</a>
در ضمن من یک مشکل دیگ هم پیدا کردم
الان دکمه prev هم ساختم و میزنم بره غقب به مشکل میخوره و با اون چهارثانیه که برا هر اسلاید گذاشتم تداخل داره
در صورتیکه وقتی میره عقب تازه 4 ثانیه اون اسلاید شروع بشه
- - - Updated - - -

نوشته اصلی توسط
vpsman
به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)
من از همین کد جی کوئری استفاده کردم ولی فکر میکنم همین طور که شما می فرمایید هست ... چون هر li که میخواد نشون بده میاد اول ... این رو از کجا باید تغییر داد ؟؟ من کد دیگه ای ندارم !!
فکر کنم خود همین تابع جی کوئری این کار رو میکنه
-
-
May 26th, 2016, 15:38
#15
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
کسی می تونه راهنمایی کنه؟؟ هنوز منتظرم !!
-
-
May 26th, 2016, 20:14
#16
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
به این یه نگاهی کنید ببتید به دردتون می خوره یا نه ؟!
http://up.vbiran.ir/uploads/26084146...show-ms313.zip
-
تعداد تشکر ها از ms313 به دلیل پست مفید