اسکریپت اسلاید شو جی کوئری

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

آموزش قرار دادن اسلاید شو جی کوئری

وقتی شما در انتهای این مطلب اسکریپت رو دانلود کردید ، داخل اون دوتا پوشه اصلی وجود داره که باید آپلودشون کنید و سپس کد های زیر را داخل قالب سایت خود قرار بدید.

کدهای زیر رو باید قبل از <head/> قرار بدید.


<script type="text/javascript" src="http://....../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://....../js/coin-slider.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://....../css/style.css">

دقت کنید که باید آدرس اونجایی که فایل ها آپلود شدن رو بدید ، من نقطه چین گذاشتم ، حواستون باشه !

کد های زیر رو باید زیر <body> و هرکجای قالب که دوست داشتید قرار بدید تا اسلاید شو نمایش داده بشه.


<div id="slider">
<a href="http://doctorwp.com" target="_blank">
<img src="slide1.jpg" alt="اسلاید شو" width="565" height="290"><span><b>مصطفی خوری نژاد</b><br>
www.doctorwp.com
</span></a>
<a href="http://doctorwp.com" target="_blank"><img alt="" src="slide2.jpg"></a>
<a href="http://doctorwp.com" target="_blank"><img alt="" src="slide3.jpg"></a>
<a href="http://doctorwp.com" target="_blank"><img alt="" src="slide4.jpg"></a>
<a href="http://doctorwp.com" target="_blank"><img alt="" src="slide5.jpg"></a>
</div>
<script>$(document).ready(function() {
$('#slider').coinslider({ hoverPause: false });
});
</script>

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

برای تغییر سایز کادر ، ارتفاع ، رنگ کادر ، تاخیر نمایش اسلاید ها و … باید در فایل coin-slider.min.js در انتهایش مقادیر زیر رو پیدا و ویرایش کنید.


defaults={width:<strong>565</strong>,height:<strong>290</strong>,spw:7,sph:5,delay:<strong>3000</strong>,sDelay:<strong>30</strong>,opacity:<strong>0.7</strong>,titleSpeed:<strong>500</strong>,effect:'',navigation:<strong>true</strong>,
links:<strong>true</strong>,hoverPause:<strong>true</strong>}

دانلود و دمو اسکریپت اسلاید شو جی کوئری

دموی اسلاید شو تصائیر جی کوئری

دانلود اسکریپت اسلاید شو جی کوئری

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

حجم فایل : 140 کیلوبایت

امتیاز شما برای این مقاله
103 نظرات
  1. غزاله می گوید

    نمیدونی چقدر کمکم کردی با راهنمایی عالی که شدم کارم راه افتاد.واقعا ازت مممنونم

  2. سحر می گوید

    سلام با تشکر از شما بایت کد عالیتون…یه سوال؟
    مزیر عکس های به جای مربع های دمو اعداد یک تا چهار رو نشون میده که به رنگ آبی هستند برای تغییر اونا و یا تغییر رنگشون کجای کد رو باید چک کنم؟

  3. abaszade می گوید

    با سلام
    کد خیلی زیبا و کاربردی بود واقعا ممنون از لطفتون

  4. توحید می گوید

    سلام خسه نباشی عاغا آرش…..
    من این اسلاید شو رو بصورت جدا ک استفاده میکنم اجرا میکنه ..
    اما وقتی وارد ی html بزرگ میکنم اجرا نمیکنه هر عکس جدا رو صفحه میاد… چندبار چک کردم اما چیز اشتباهی پیدا نمیکنم … میخواستم ببینم اگه میشه کمکم کنید….. با تشکر

  5. asghar می گوید

    سلام اسلاید شوی زیباییه
    چجوری میشه برای هر تصویر اطلاعاتی در زیر تصویر نمایش داد همزمان با روی تصویر(برای هر تصویر توضیحات طولانی لازم دارم و اگه روش بنویسم ) ومن اینو برای طراحی قالب نمیخوام برای ارسال مطلب میخوام
    با تشکر لطفا در صورت پاسخ از طریق ایمیل مطلعم کنید

  6. سپید می گوید

    سلام بابت آموزش مرسی ، ساده و گویا بود، موفق باشین

  7. حمیدرضا می گوید

    دمت گرم رو خیلی ها رو کم کردی

  8. نیما انصاری می گوید

    سلام من توی لوکال به مشکل برخوردم ، کدهای شما رو در پوشه ی wampریختم و آدرس عکسها و فایلها رو هم دادم ولی اسلاید شویی وجود نداره فقط عکسها زیر هم نشون داده میشن
    ممنون میشم کمک کنید!

  9. محسن می گوید

    خدایی دانشجوی رشته پزشکی باشیو بیایی پلاگین جی کوئری بنویسی؟!
    تو که علاقه و استعداد داشتی میرفتی رشته مهندسی نرم افزار آخه پزشکی چیش خوبه؟! درسته پول توشه ولی اصلا خوشم نمیاد!
    بعد میگن چرا ما هیچ پیشرفت نمی کنیم!
    عزیزان من برید به رشته ای که بهش علاقه دارید!
    در کل دستت درد نکنه خخخخ
    حال کردی چه نظری دادم؟! خخخخخ

    1. آرش حیدری می گوید

      سلام
      دیگه این جوری شده حالا دیگه !
      ممنون بابت نظر
      موفق باشی

  10. علی می گوید

    با سلام
    اول تشکر از سایت خوب
    من نتونستم اندازه تصاویر رو تغییر بدم حتی براش یه کلاس جدا نوشتم باز کار نکرد فایل js رو هم تغیر دادم کار نکر
    شما خودتون این رو امتحان کردید

    1. آرش حیدری می گوید

      سلام
      راستش من اندازه این رو تغییر ندادم ، ولی خوب باید حتما یه اندازه ای براش تعریف شده باشه به هر صورت .
      ممنون

  11. jumpeR می گوید

    سلام ممنون عالی بود

  12. نادیا می گوید

    با سلام
    من اسلاید را در سایتم قراردادم اما این مربع هایی که در دمو پایین اسلایدر هست زیرش نیومده
    به جاش 1234 در سمت راستش اومده چه طوری این عدد هارو زیر تصویر بذارم
    یا مربع هارو بذارم
    ممنون میشم زودتر پاسخ بدین تحویل پروژه دارم

  13. فاطمه می گوید

    سلام مرسییییییییییی
    نمی دونید چه کمکی بهم کردید
    پای آبروم وسط بود
    مرسییییییییییییی

  14. web-designer می گوید

    سلام آرش جان .. ممنون از اسلایدشویی که قرار دادی ! یه کاری میخوام انجام بدم ولی نمیتونم از طرفی عجله هم دارم ! الان ببیین این اسلایدشو چون به صورت ID ه بنابراین یه بار میشه ازش استفاده کرد ولی من میخوام 4 تا اسلایدشو مثل این توی سایتم قرار بدم .. برای همین باید به صورت Class باشه // میشه تغییراتش رو بهم بگی یا اینکه یه اسلایدشو با قابلیت Class طراحی کنی ؟ ممنون میشم .. بازم ممنون بابت زحماتت

  15. دریاباری می گوید

    سلام واقعا ممنونم
    چند روز درگیرم کرده بود و slideshow
    درست نمیشد

  16. یوسف لاوری می گوید

    اوپس!!
    از اونجایی که دوتا مدرک برنامه نویسی با زبان c++دارم تونستم کارمو انجام بدم!!! خیلی باحال بود.از این به بعد میرم برنامه نویسی تحت وب هم میخونم :)
    حالا اصلا نمیدونم c++ چه ربطی به این داشت!!

  17. یوسف لاوری می گوید

    با سلام
    من هرکاری کردم نتونستم عددای اسلایدر هارو حذف کنم.از اونجایی که توی کد بعنوان متغیر هستند پیدا کردنشون خیلی سخته.میشه راهنمایی کنید!

  18. مهسا می گوید

    با سلام
    شما پلاگین جی کوئری برای نمایش نمونه کارها در سایت سراغ ندارید؟
    اگه میدونید ممنون میشم سایتی , منبعی چیزی معرفی کنید.
    با تشکر

  19. مهدی می گوید

    با سلام خدمت آرش گل
    می تونیم این اسلاید شو رو تو وبلاگ طراحی کنیم تو قسمت ویرایش وبلاگ
    اگه میشه راهنماییم کنید .
    ممنون از مطلب پر کاربردیتون

  20. محمد می گوید

    سلام آقا آرش من همه این کار هارو انجام دادم ولی تصاویر اسلاید نیس همه ی تصاویر پشت سرهم نمایش داده میشه تو یه ستون.باید چیکارکنم؟ ممنون میشم زود تر جواب منو بدید.

  21. rastin می گوید

    چه جوری میشه سایز اسلایدو بزرگ کرد

  22. اسما می گوید

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

    1. آرش حیدری می گوید

      خواهش می کنم
      موفق باشید

  23. hanie می گوید

    سلام آقاي حيدري
    واقعا ازتون ممنونم آموزش كاملي كه داشتيد.
    موفق باشيد

  24. nasrin می گوید

    سلام
    ممنون از پست خوبتون
    اما من یه مشکل دارم.این اسلاید شو رو واسه asp.net میخوام
    وقتی استفادش میکنم همه عکسهارو روی صفحه نشون میده.خواهش میکنم راهنمایییم کنید.

  25. rastin می گوید

    سلام
    من این اسلاید در سایتم قرار دادم
    ولی وقی اندازه ی اسلاید افزایش میدم تغییری در اندازش بوجود نمیاد

  26. نسرین می گوید

    سلام من افزونه slider revolution و نصب کرد م واسه اسلایدشو
    اما نمیدونم کدشو باید کجای ویرایشگر بذارم ؟؟؟

    1. آرش حیدری می گوید

      سلام
      این نرم افزار ها معمولا کد html میدن.
      این که کدها رو کجای قالب بزارید ، باید یکمی اطلاعات داشته باشید راجع به قالب و کدها تا بتونید داخل اون محل مورد نظر خودتون قرارش بدید .
      راستش من الان کمکی از دستم بر نمیاد انجام بدم .

  27. هادی می گوید

    سلام سایتت فوق العادس
    این کارو رو وبلاگ هم میشه انجام داد یا نه هر کاری کردم نشد
    فایل جو کوئری رو اگه بشه فایلاشو چطوری تو وبلاگ قرار بدم مرسی از زحماتت

  28. reza می گوید

    سلام

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

  29. محسن می گوید

    عالیست

  30. نیلو می گوید

    سلام
    با تشکر از آموزش خوبتون میخواستم بدونم میشه اون مربعهایی که زیر عکس نمایش داده میشه رو روی خود عکس گذاشت؟

  31. محسن می گوید

    سلام
    اسلاید خیلی عالیه ولی یه مشکلی هست وقتی یه عکس کوچیک میزارم براش اونو تکرار میکنه تا تمام اسلاید رو بگیره
    میشه بگید چطور از تکرار عکس جلوگیری کنم و تصویر هم اندازه اسلاید بشه حتی اگه کوچک یا بزرگتر اون باشه

    1. آرش حیدری می گوید

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

  32. Arman می گوید

    ممنون ولی دو طرف اسلاید به جای فلش برای عقب/جلو کردن عکسها حروف یونانی نشون میده کدوم قسمتشو باید درست کرد؟

    1. آرش حیدری می گوید

      حتما کدهاتون بر روی utf-8 تنظیم نشده که داره اشتباه نشون میده .

  33. دانیال می گوید

    سلام دوباره مشکل دارم در اسلایدر من یه تصویر میخوام نه چند تا تصویر الان 3 تا تصویر کرده عکس رو یا اونجای که اسم شما هست آرش حیدری میخوام بزرگترش کنم باید چکار کنم این مشکلات حل بشن ///// اولا که تصویر 1 تصویر بشه بعدشم آرش حیدری بزرگتر کنم ؟؟؟؟؟

    1. آرش حیدری می گوید

      سلام
      برای تعداد تصاویر ، دست خودتون هستش ، ما برای نمونه تو پیش نمایش 5تا قرار دادیم ، حالا خودتون کمو زیاد کنید.
      در مورد اندازه تصویر هم خوب امکانش نیست یکی رو تغییر داد…

  34. دانیال می گوید

    سلام عالی بود ای ولللللل

  35. سارا می گوید

    بسیار عالی واقعا ممنون

  36. morteza می گوید

    سلام شما آموزش TinyMCE رو دارید

    1. آرش حیدری می گوید

      سلام
      نه فعلا در این مورد داخل سایت چیزی منتشر نکردیم.

  37. morteza می گوید

    سلام دوست عزیز , من میخوام که در ورد پرس قسمت نوشته ایی که ارسال میکنم تصاویری که در پستها قرار داره استایل خاصی داشته باشه چیکاری باید انجام بدم

    1. آرش حیدری می گوید

      سلام
      اگر جستجو می کردید می تونستید مطلب رو پیدا کنید.
      http://doctorwp.com/1244/rotate-border-css-style-images.html

  38. morteza می گوید

    سلام آرش جون دستت درد نکنه کارم حل شده مشکل فایل فانکشن بوده که اونو حذف کردم خوب شده هر وقت که می خوام پوسته قابلیت ابزارک بدم این اتفق میفته اگه من بخوام تو پوسته 4تا ابزارک داشته باشم چیکارز کنم کمکم کن قیلی آقایی

    1. آرش حیدری می گوید

      سلام
      آموزش این که قابلیت لبزار رو به پوسته بدیم در پاسخ آقای احمد در یکی از دیدگاه های نوشته های دیگه گفتم.
      http://doctorwp.com/1703/text-advertisements-wordpress-plugin.html
      سپاس

  39. morteza می گوید

    سلام
    رفتم دیدم چه مشکلی باید با شه تو کد ها

    این هم کده که بالا میگفته همینه

    if ( !function_exists(‘wp_sanitize_redirect’) ) :
    /**
    * Sanitizes a URL for use in a redirect.
    *
    * @since 2.3
    *
    * @return string redirect-sanitized URL
    **/
    function wp_sanitize_redirect($location) {
    $location = preg_replace(‘|[^a-z0-9-~+_.?#=&;,/:%!]|i’, ”, $location);
    $location = wp_kses_no_null($location);

    // remove %0d and %0a from location
    $strip = array(‘%0d’, ‘%0a’, ‘%0D’, ‘%0A’);
    $location = _deep_replace($strip, $location);
    return $location;
    }
    endif;

    اولین دستور خط 876 هست که ارور میداد الان نمیتونم با این مشکل به بخش مدیریت سایت برم همین پیغامو میده لطفا کمکم کن که کارم درست شه آقایی

    1. آرش حیدری می گوید

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

  40. morteza می گوید

    آقا دمت گرم مشکلم هل شد سوال جدید برام پیش اومده وقتی قالب که خودم طراحی کردم برای ورد پرس آپلود میکنم و فعالش کردم وقتی که می خوام مطلب ارسال کنم با افزونه یا پسته ای را حذف کنم یا هر کاری دیگه مثل ویرایش و ثبت این پیغامو بهم میده

    Warning: Cannot modify header information – headers already sent by (output started at /home3/itpir/public_html/wp-content/themes/itp30/functions.php:14) in /home3/itpir/public_html/wp-includes/pluggable.php on line 876

    چیکار کنم درست شه منتظر جوابتون هستم

    1. آرش حیدری می گوید

      سلام
      یه چیزی رو یک جای دیگه صدا شده بوده که دوباره دوباره صدا زده میشه لطفا کدهای اون 2تا خط رو که گفته کنترل کنید.
      بعضی اوقات هم وردپرس فارسی ارور میده که 3 خروجی غیر منتظره پیش آمده … که اون مربوط میشه با مشکل ذخیره کردن فایل ها با notepad.

  41. morteza می گوید

    سلام آقا آرش مرسی مشکلم حل شده چون من از فابل php.php تو قالب استفاده نکرده بودم حلش کردم مرسی که به سوالات ما پاسخ میدین .
    ببخشید من میخواستمن ابزارکی که تو ورد پرس میزارم عنوانش حذف شه مثلا نوشته های تازه رو که میزارم بالا ننویسه نوشته های تازه .
    با تشکر

    1. آرش حیدری می گوید

      سلام ، خواهش می کنم هر ابزارکی که می زارید یک قسمت عنوان داره ، کافی قسمت عنوان رو خالی بزارید !

      1. morteza می گوید

        سلام
        من قسمت عنوانشو خالی میزارم ولی مثلا در قسمت ابزارک نوشته های تاه رو میزاری
        عنوانشو خالی بزاری بهصورت پیش فرض یه چیز میزاره باز هم مرسی از لطف تون . یه سوال دارم
        اینه که وقتی سایتم بالا اومد یه پنجره یا یه عکس بیاد روی سایت و سایت شفافیتش کمک شه وبا کلیک کردن روی صفحه سایت عکس بسته شه و سایت نشون داده بشه . باز هم مرسی اگه آموزشش هس لینکشو بزارید مرسی . ببخشید مزاحمتون میشم .

      2. آرش حیدری می گوید

        سلام
        اگر pop-up box جستجو کنید داخل سایت های فارسی هم فکر کنم مطالب خوبی باشند.

  42. morteza می گوید

    چون طراحی قالب برای ورد پرس یکم مشکله یه قالب طراحی کردن آخراشه فقط چند چیز لازم دارم یکی هم اسلایدر برای هدر . راستی چیکار کنم که صفحه اول با صفحه های دیگر مثل ایجاد برگه میکنیم تو ورد پرس اون برگه ها متفاوت باشن مرسی از کمکتون خلی مزاحم شدم منتظر جوابتون هستم .

    1. آرش حیدری می گوید

      سلام
      برای ایجاد قالب جداگانه برای بعضی از برگه های وردپرس پس از طراحی قالب برگه کد

      <?php /* Template Name: picor */ ?>
      

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

  43. morteza می گوید

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

    1. آرش حیدری می گوید

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

  44. morteza می گوید

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

    1. آرش حیدری می گوید

      حتما یک جای کار اشتباه کردید ، دموی سیستم رو که آزمایشی درست کردم اگر ببینید درست هستش بدون مشکل کار می کنه.
      لطفا یک بار دیگه مراحل و کدهاتونو کنترل کنید
      سپاس

      1. morteza می گوید

        مرسی از داهنمایی تون
        یه سوال داشتم مربوط به اسلایدر نیست
        من میخواستم یه فرم ارسال مطلب بسازم برای سایتم
        یه مشکل دارم مشکلم اینه که یه تکست باک دارم می خوام بالاش آیکون راست چین وچیپ چین و … تعیر سایز و رنگ و همین چیزا بزارم مثل ارسال نوشته در وردپرس چیکار کنم این کارایی ها رو به تکست باکس اضفه کنم خیلی ممنون . ببخشید که به زحمت افتادین

      2. آرش حیدری می گوید

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

      3. morteza می گوید

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

      4. آرش حیدری می گوید

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

  45. محمدرضا می گوید

    سلام ارش جان:
    وخیلی ممنون بابت این اموزشتون خیلی خیلی خیلی کاربدی بود امایه مشکلی برام پیش اومد ممنون میشم اگه کمکم کنید
    .
    من میخوام اینو توی هدر یه قالب جوملای 1.5 نصب کنم اماجواب نمیده
    البته چند بار از اول نوشتم
    یه بارم خارج از از محیط جوملا نوشتم و توی لوکال نصب کردم جواب داد اما توی جوملا به مشکل خوردم خیلی خیلی ممنونت میشم اگه کمکم کنی

    1. آرش حیدری می گوید

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

  46. پریسا می گوید

    من سایتم در دست طراحیه
    چطور این دو تا فایل رو آپلود کنم؟

    1. آرش حیدری می گوید

      کدوم فایل ها ؟
      نیازی به آپلود کردن هم نیست اصلا ، داخل دموی اسلاید شو من آپلود کردم ، از سورس صفحه لینک ها رو بردارید استفاده کنید

  47. نسیم می گوید

    با سلام دوباره
    خیلی ممنون از راهنماییتون

  48. نسیم می گوید

    با سلام
    ممنون از کدهایی که قرار دادید. فقط می خواستم بدونم نوشته ی اون دوتا لینک های روی عکس که نوشتید “قبلی/ بعدی” رو کجا میشه عوض کرد؟ هر چی گشتم پیدا نکردم

    1. آرش حیدری می گوید

      سلام
      اگر چیزی می خواهید پیدا کنید با نوت پد باز کنید Ctrl + F رو بزنید و سرچ کنید ، امکان نداره پیدا نشه ، راستش این کد رو خیلی وقت پیش گزاشتم الان حضور ذهن ندارم ، اگر پیدا نکردید بفرمایید براتون پیدا کنم بهتون بگم
      تشکر

  49. amir می گوید

    سلام دوست عزیر
    من این کد ها رو روی سایتم قرار دادم ولی وقتی عکس ها رو عوض میکنم و ادرس فایلهای جاوا رو توی وب پیج تغییر میدم همه چیز به هم میریزه و عکس ها رو هم نشون نمیده ، عکس ها رو هم داخل سایتم اپلود کردم ، ادرسش هم توی کد اچ تی ام ال تغییر دادم
    به نظرتون مشکل از کجاست؟

    1. آرش حیدری می گوید

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

      1. amir می گوید

        سلام!
        این آدرس سایته! دیگه دارم دیونه میشم

      2. آرش حیدری می گوید

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

      3. amir می گوید

        ممنون از پاسختون
        ولی من عکس اولی رو کامل آدرسش رو نوشتم ، یعنی اونم ایراد داره؟

      4. آرش حیدری می گوید

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

  50. fateme می گوید

    ممنونم
    آقای حیدری میشه یه کاری کرد که عکس های کوچیک شده هم زیرش بیان بجای اون مربع ها؟

    1. آرش حیدری می گوید

      سلام ، کار که نشد نداره اما باید وقت زیادی گذاشت ، جستجو کنید اسکریپت های مشابه که همچین امکانی رو داشته باشند فکر کنم موجود باشند …
      با تشکر

  51. مرتضی می گوید

    یک سوال دیگه هم در مورد این اسکریپت دارم، هنگامی که سرعت اینترنت پایین باشه و گاهی تا قبل از لود شدن کامل سایت تمام تصاویر (مثلا 4-5 تصویر در سایز 450در200) کاملا زیر هم نمایش داده میشند و پس از لود کامل سایت مرتب شده، پشت هم قرار میگیرند و به صورت اسلاید نمایش داده میشند. این ناهمگونی موقت باعث بهم ریختگی موقت در ظاهر سایت میشه. حالا ترفند یا راهی وجود داره که بشه این مشکل رو حل کرد؟! مانند اسلاید شو دیجی کالا!
    ممنون میشم پاسخ بدید

    1. آرش حیدری می گوید

      خوب طبیعتا تا جی کوئری ها لود بشن عکس ها زیر هم هستند ، باید یکم بگردم ببینم چه راهکاری هستش …

  52. محمد می گوید

    دوست عزیز ممنون میشم اگه یه سایت جهت اپلود مستقیم فایل های js معرفی کنید. مرسی

    1. آرش حیدری می گوید

      سلام
      تمام سایت های آپلود چه اونهایی که لینک مستقیم میدن چه اونهایی که لینک غیر مستقیم میدن ، برای فایل هایی مثل عکس ها jpg , gif و یا برای فایل های js لینکشون مستقیم میشه ، فقط دنبال جایی برای آپلود باشید که مطمئن باشه ، من فکر کنم رزآپ الان گزینه خوبی باشه
      تشکر

  53. محمد مهدی می گوید

    سلام
    خیلی ممنون. زحمت کشیدید. عالی بود.

  54. مرتضی می گوید

    سلام و تشکر از مطلب کاربردی شما، آیا راهی برای تغییر افکت تغییر اسلاید وجود دارد؟

    1. آرش حیدری می گوید

      سلام ، همیشه راهی هست ! اما تو این مورد خیلی سخت میشه ، باید زیاد روش کار کنید یکم

  55. نسرين می گوید

    سلام آقاي حيدري دستتون درد نكنه خيلي خوب بود اما من وقتي تو enternet explorer عكس ها نشان داده مي شه اما تو fire fox عكس ها نشون داده نمي شه هي شه لطفا راهنماييم كنين ممنون

    1. آرش حیدری می گوید

      سلام ، خسته نباشید
      من الان دموی همین اسلاید شو رو که در انتهای مطلب هم گذاشته بودم با همه ی مرورگر ها امتحان کردم ، مشکلی نبود.
      مرورگرتونو آپدیت کنید ، شاید مشکل برطرف شد.

  56. محمد می گوید

    سلام آقای حیدری
    این مطلبی که توی سایتتون گذاشتین خیلی جالب و پرکاربرده.
    خیلی ازتون ممنونم.
    یه سوال :
    من همین کدها رو توی برنامه ASP.net 2012 میخواستم توی پروژم ازش استفاده کنم.
    عکس هایی رو که وارد پروژم میکنم کنار هم قرار میگیرند و زیر یکدیگر قرار نمیگیرند.
    حقیقتش خیلی اذیتم کرد.
    امکانش هست منو راهنمائی کنید؟؟؟؟

    1. آرش حیدری می گوید

      راستش مهارت زیادی توی ASP ندارم ، ولی از دوستام کمک میگیریم اگر شد خدمتتون عرض می کنم ،
      سپاس

      1. محمد می گوید

        خیلی ممنونم.
        منتظر جواب شما هستم.

  57. مجتبی می گوید

    با سلام و تشکر
    من کد شما را در صفحه ascx قرار دادم . آدرس تصاویر درست می باشد و درست اجرا می شود اما در هنگام اجرا تصاویر نمایش داده نمی شوند ! دلیل چه می تواند باشد ؟

    1. آرش حیدری می گوید

      سلام دوست عزیز
      متوجه منظورتون از صفحه ای که اشاره کردید نشدم،
      کدها درست هستند ، میتونید از دموی سیستم هم کمک بگیرید ، سپاس

  58. ایمان می گوید

    خیلی گلی
    دستت درد نکنه بد جوری کارم را انداختی خیلی ممنون
    دست گلت درد نکنه

  59. محسن می گوید

    سلام
    من یه مشکل جدی دارم با این
    میشه بگید چطوری میشه این مربع های پایین اسلاید رو چطور میشه برداشت

    1. آرش حیدری می گوید

      سلام
      دوتا فایل js وجود داره که داخل اونها کدهای مربوط به این مربع ها هستش که باید برشون دارید.

  60. محمد علی می گوید

    با سلام
    دوست عزیز می خواستم بدونم که چطور میشه یه صفحه داشت که این اسلایدر که گذاشتید رو بشه پشت سر هم گذاشت
    یعنی مثلا 3 تا اسلایدر توی یک صفحه داشت
    ممنون

    1. آرش حیدری می گوید

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

  61. مهراد می گوید

    عالی بود . . . دستت درد نکنه

  62. پاشاکی می گوید

    وااای ! خیلی ممنون آقا آرش. خیلی زیباست.

    1. سعید می گوید

      خواهش می کنم

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.