تبلیغات در ترفندستان
+ ارسال تاپیک جدید
نمایش نتایج: از 1 به 3 از 3

موضوع: slide show با jqury

  1. #1

    Unhappy slide show با jqury

    با سلام میخواهم یک اسلاید شو با جی کوئری بدون استفاده از پلاگین ها ایجاد کنم
    که شامل دو بخش به شکل زیر میباشد:
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    که بخش اول را با کد زیر ایجاد کرده ام:
    in html:
    <div id="slider-container">
    <img id="img1" src="images/banner1.jpg" alt="web_background"/>
    <img id="img2" src="images/banner2.jpg" alt="web_background"/>
    <img id="img3" src="images/banner3.jpg" alt="web_background"/>
    <img id="img4" src="images/banner4.jpg" alt="web_background"/>
    <img id="img5" src="images/banner5.jpg" alt="web_background"/>
    </div>
    <div id="buttons">
    <img src="images/next.png" id="next">
    <img src="images/prev.png" id="prev">
    </div>

    in javascript:

    $(document).ready(function(){


    $("#slider-container img:gt(0)").hide();

    setInterval(function(){
    $("#slider-container img:first-child").fadeOut(1200).next("img").fadeIn(1100).end ().appendTo("#slider-container");
    },5000);


    $('#next').click(function(){
    $("#slider-container img:first-child").fadeOut(500).next().fadeIn().end().appendT o("#slider-container");


    });

    $('#prev').click(function(){
    $("#slider-container img:last-child").fadeOut(500).prev().fadeIn().end().prepend To("#slider-container");


    });

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



  2. #2
    تاریخ عضویت
    Jan 2014
    پست‌ها
    11,873

    360-Internet-Security Cyberfox Windows-10 Irancell
    نوع و سرعت اینترنت: Wireless-2 Mb/S
    سپاس (اهدایی)
    17356
    سپاس (دریافتی)
    17126
    نوشته ‌های وبلاگ
    37

    پیش فرض

    نقل قول نوشته اصلی توسط reza22... [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    با سلام میخواهم یک اسلاید شو با جی کوئری بدون استفاده از پلاگین ها ایجاد کنم
    سلام دوست عزیز
    .
    این نمونه کد رو ببینید شاید راهنمای خوبی باشه
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]


    کانال اطلاع رسانی لیسانس رایگان برنامه ها

    Telegram

    صفحه من در اینستاگرام

    اگر سوالی رو بلدی جواب بده! نترس!

    خرید زیرنویس 5000 دوره سایت لیندا با حجم 1.3 گیگابایت برای اولین بار
    اینجا کلیک کنید
  3. #3

    پیش فرض

    سلام دوست عزیز
    این کد همون بخش اول کد های من است و از پلاگین cycle استفاده کرده که من از پلاگین ها نمیخواهم استفاده کنم .
    لطفا در بخش دوم کد ها به دادم برسید.
    باتشکر.
+ ارسال تاپیک جدید

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

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

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

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

  1. [حل‌شده] مشکل با Slide Show نرم افزار Nero
    توسط Moein.sg در انجمن پرسش و پاسخ و مباحث فنی پیرامون نرم‌افزارها
    پاسخ: 4
    آخرين نوشته: January 13th, 2015, 11:08
  2. PowerPoint Slide Show Converter/تمامی ورژن ها در این تاپیک
    توسط emsaki در انجمن دانلود نرم‌افزارهای اداری
    پاسخ: 3
    آخرين نوشته: October 13th, 2013, 18:20
  3. slide show دروبلاک
    توسط *ayla* در انجمن وبلاگ‌نویس‌ها
    پاسخ: 2
    آخرين نوشته: December 13th, 2012, 03:15
  4. پاسخ: 0
    آخرين نوشته: June 24th, 2008, 21:23
  5. پاسخ: 0
    آخرين نوشته: June 22nd, 2008, 13:49

کاربرانی که این تاپیک را مشاهده کرده اند: 3

کلمات کلیدی این موضوع

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

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

اکنون ساعت 09:50 برپایه‌ی ساعت جهانی (GMT +3.5) می‌باشد.

تبلیغات متنی

عضویت در خبرنامه

با عضویت در خبرنامه‌ی سایت، جدیدترین ترفندها، نقد و بررسی‌ها و مطالب مدرسه فناوری به طور خودکار به ایمیل شما ارسال می‌شود. بعد از کلیک بر روی دکمه‌ی «مشترک شوید»، بایستی کد داخل تصویر را وارد کرده، سپس به صندوق ایمیل خود مراجعه کنید و روی لینک تأیید کلیک کنید تا اشتراک شما نهایی شود.

کلیه حقوق مادی و معنوی متعلق به وب سایت ترفندستان است. برداشت مطالب و تصاویر تنها با ذکر نام ترفندستان مجاز است.