صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از شماره 11 تا 16 , از مجموع 16

موضوع: درخواست کمک: دکمه Arrow برای اسلایدر

  1. #11
    عضو جدید
    تاریخ عضویت
    Oct 2014
    نوشته ها
    58
    تشکر تشکر کرده 
    2
    تشکر تشکر شده 
    80
    تشکر شده در
    62 پست

    پیش فرض پاسخ : درخواست کمک: دکمه 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)
                             })
        });

  2. تعداد تشکر ها از vpsman به دلیل پست مفید


  3. # ADS




     

  4. #12
    کاربر اخراج شده
    تاریخ عضویت
    May 2016
    نوشته ها
    8
    تشکر تشکر کرده 
    6
    تشکر تشکر شده 
    0
    تشکر شده در
    0 پست

    پیش فرض پاسخ : درخواست کمک: دکمه 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

  5. #13
    عضو جدید
    تاریخ عضویت
    Oct 2014
    نوشته ها
    58
    تشکر تشکر کرده 
    2
    تشکر تشکر شده 
    80
    تشکر شده در
    62 پست

    پیش فرض پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

    به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
    سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)

  6. تعداد تشکر ها از vpsman به دلیل پست مفید


  7. #14
    کاربر اخراج شده
    تاریخ عضویت
    May 2016
    نوشته ها
    8
    تشکر تشکر کرده 
    6
    تشکر تشکر شده 
    0
    تشکر شده در
    0 پست

    پیش فرض پاسخ : درخواست کمک: دکمه 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">&lsaquo;</a>
    <a id="left-control">&rsaquo;</a>
    در ضمن من یک مشکل دیگ هم پیدا کردم
    الان دکمه prev هم ساختم و میزنم بره غقب به مشکل میخوره و با اون چهارثانیه که برا هر اسلاید گذاشتم تداخل داره
    در صورتیکه وقتی میره عقب تازه 4 ثانیه اون اسلاید شروع بشه

    - - - Updated - - -

    نقل قول نوشته اصلی توسط vpsman نمایش پست ها
    به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
    سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)
    من از همین کد جی کوئری استفاده کردم ولی فکر میکنم همین طور که شما می فرمایید هست ... چون هر li که میخواد نشون بده میاد اول ... این رو از کجا باید تغییر داد ؟؟ من کد دیگه ای ندارم !!
    فکر کنم خود همین تابع جی کوئری این کار رو میکنه

  8. #15
    عضو جدید
    تاریخ عضویت
    Mar 2011
    نوشته ها
    14
    تشکر تشکر کرده 
    18
    تشکر تشکر شده 
    0
    تشکر شده در
    0 پست

    پیش فرض پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

    کسی می تونه راهنمایی کنه؟؟ هنوز منتظرم !!

  9. #16
    عضو انجمن
    تاریخ عضویت
    Dec 2010
    محل سکونت
    تبريز
    نوشته ها
    686
    تشکر تشکر کرده 
    391
    تشکر تشکر شده 
    573
    تشکر شده در
    427 پست

    پیش فرض پاسخ : درخواست کمک: دکمه Arrow برای اسلایدر

    به این یه نگاهی کنید ببتید به دردتون می خوره یا نه ؟!
    http://up.vbiran.ir/uploads/26084146...show-ms313.zip

  10. تعداد تشکر ها از ms313 به دلیل پست مفید


صفحه 2 از 2 نخستنخست 12

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. Arrow WHM Username is missing for the selected server whmcs
    توسط whmcsproblem در انجمن سوالات و مشکلات
    پاسخ ها: 0
    آخرين نوشته: January 23rd, 2016, 11:09

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •