-
درخواست کمک: دکمه Arrow برای اسلایدر
سلام دوستان من میخوام برای اسلایدرم دکمه های next و prev بذارم ... میشه کمکم کنید؟؟
کد HTML:
<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>
کد:
/* Switching Slides */ $(document).ready(function(){
$("#slides li:gt(0)").hide();
setInterval(function() {
$('#slides li:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slides');
}, 4000);
});
-
-
May 22nd, 2016 11:35
# ADS
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
دوستان کدهارو دیگ css شو نذاشتم ... فکر نکنم نیازم باشه
الان اسلایدر کار میکنه فقط میخوام دکمه بعدی قبلی داشته باشه
پلاگین آماده جی کوئری هم نباشه ... لطفا اگر بلدید بنویسید
-
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
دوستان کلا کسی جواب نمی ده؟؟
من از این انجمن تعریف شنیده بودم !!
-
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
با توجه به اینکه خودتون تا ایتجاشو نوشتین من تئوریشو میگم خودتون کامل کنید
هر عکسی که fadein میشه رو بهش یه کلاس مشخص اختصاص بده
بعد وقتی کاربر روی دکمه next کلیک کرد بر اساس اون کلاس بفهم فرزند چندمه بعد عدد بدست اومده ره به علاوه ۱ کن(جواب میشه عکس بعدی که باید نمایش داده بشه ) و اون رو نمایش بده
ویرایش توسط vpsman : May 23rd, 2016 در ساعت 10:28
-
تعداد تشکر ها از vpsman به دلیل پست مفید
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
توضیح عالی بود
من کد رو به صورت زیر تغییر دادم :
کد:
/* 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);
});
این حذف و اضافه کلاس ! درسته؟؟
در مورد فرزند چندم هم یک توضیح میدید چطور بدست میاد؟؟ من خیلی با jQuery آشنایی ندارم متاسفانه
-
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
سلام از هر سایتی که پلاگین اسلایدر را دانلود کنید در قسمت توضیحات همه این موارد اورده شده
-
تعداد تشکر ها از raminrrrrrr به دلیل پست مفید
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

نوشته اصلی توسط
raminrrrrrr
سلام از هر سایتی که پلاگین اسلایدر را دانلود کنید در قسمت توضیحات همه این موارد اورده شده
من پلاگین دانلود نکردم میخوام خودم بنویسم ... فقط کتابخانه query اضافه شده
-
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

نوشته اصلی توسط
jNaghiloo
من پلاگین دانلود نکردم میخوام خودم بنویسم ... فقط کتابخانه query اضافه شده
اها من آشنایی با زبان جاو اسکریپت ندارم وبرای اسلایدر از از پلاگین آماده استفاده میکنم...شرمنده دوست عزیز
-
تعداد تشکر ها از raminrrrrrr به دلیل پست مفید
-
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر
اره کارت درست بود
برای پیدا کردن فرزند از این دستور استفاده کن
کد HTML:
index = $( "Classname" ).index();
میشه:
index = $( ".soosk" ).index();
ویرایش توسط vpsman : May 23rd, 2016 در ساعت 11:40
-
تعداد تشکر ها از vpsman به دلیل پست مفید
-
May 23rd, 2016, 12:34
#10
پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

نوشته اصلی توسط
vpsman
اره کارت درست بود
برای پیدا کردن فرزند از این دستور استفاده کن
کد HTML:
index = $( "Classname" ).index();
میشه:
index = $( ".soosk" ).index();
دوست عزیز بابت توضیحات سپاس
به دلیل دانش کمم نتونستم پیاده سازی کنم
میشه کدش رو بنویسی تا باعث یادگیری هم بشه؟؟
بابت صبر و حوصله برای توضیح ممنون...
==============
مرجع فارسی مبتدی برای آموزش jQuery داری برای شروع؟؟
-