تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات

تبلیغات
تبلیغات تبلیغات

آموزش نمایش عکس و بنر تصادفی

CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند

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

 

آموزش نمایش عکس و بنر تصادفی

آموزش نمایش عکس و بنر تصادفی random image

 

قرار دادن بنر ها و تصاویر تصادفی به صورت PHP

Random Image نام یک اسکریپت رایگان می باشد که برپایه PHP است و بی نیاز به هیچگونه نصب و پایگاه داده ها می باشد و فقط کافیست بعد از دریافت فایل های پی اچ پی را در جایگاه مناسبی در هاست خود قرار دهید و بعد فایل با نمونه کدی که زیر قرار داده شده را برای فراخوانی تصاویر پوشه که مشخص کرده اید استفاده نمایید.

قابل به ذکر است که با ویرایش فایل randim.php به آسانی می توانید فرمت های دلخواه تصاویر یا بنر خود را اضافه کنید. در حال حاظر تصاویر با فرمت [ jpg , gif , png ] پشتیبانی می شود. برای دانلود اسکریپت کلیک کنید.

 

افزونه وردپرس قرار دادن بنر ها و تصاویر تصادفی Random Banner

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

آموزش نمایش عکس و بنر تصادفی

 

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

در مثال آورده شده در زیر برای نمونه، ۳ تصویر با نام دلخواه و  فرمت  gif انتخاب کردم.

  • headerimage_1.gif
  • headerimage_2.gif
  • headerimage_3.gif

دوست دارید این تصاویر در کجا به صورت تصادفی نشان داده شوند؟ کافیست تا کد زیر را در همان قسمت بنویسید.

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

 

کد نمایش عکس و تصاویر تصادفی با جاوا اسکریپت

این روش بسیار ساده و آسان می باشد کافیست بنر های خود و لینک جایگزین بنر های تستی قرار دهید و از آن استفاده نمایید . قابل به ذکر می باشد که اگر می خواهید تعداد بیشتری بنر برای تصادفی کردن ایجاد کنید بخش images[0] شماره هر بنر را به میزان تعداد بنر ها قرار دهید مثل کد زیر عمل کنید.

[ تست آنلاین ] برای تست صفحه را رفرش کنید

 

2- کد نمایش عکس و تصاویر تصادفی با جاوا اسکریپت

این روش هم مثل روش قبلی که معرفی شد قابل استفاده و آسان می باشد. در اول کد تعداد مجموع تصاویری که هستن و باید به صورت تصادفی از بین آنها انتخاب شود ذکر شده ، شما باید اون عدد ۵ رو که الان هستش را به تعداد تصاویر خودتون تغییر بدید. همونطور که می بینید من پنج تصویر رو داخل اسکریپت گذاشتم ، شما اگر تعداد تصاویرتون بیشتر یا کمتر هستش خودتون طبق همون فرمولی که مشخصه از داخل کد تصویر اضافه و یا کم کنید. همونطورم که میبینید شما می توانید برای هر تصویر به صورت جداگانه لینک و سایز نمایش انتخاب کنید که برای تصاویر من ۱۲۴ در ۱۲۴ هستش و لینک سایت بیست اسکریپت ، شما به دلخواه خود می توانید تغییرش دهید.

[ تست آنلاین ] برای تست صفحه را رفرش کنید

اگر سوالی یا مشکلی در استفاده این آموزش ها داشتید ما در تالارگفتگو منتظر شما هستیم 🙂

موفق باشید.


دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 0 CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=23803
کلمات کلیدی پست :
تبلیغات تبلیغات
تبلیغات تبلیغات
مطالب مرتبط
4,548جلوگیری از ایجاد مطلب با عنوان تکراری در وردپرس تاریخ : 2017/07/14
1,456نمایش مطالب دسته خاص به صورت لیست بازشو در وردپرس تاریخ : 2019/05/10
5,018آموزش قرار دادن نوشته های مرتبط در وردپرس تاریخ : 2016/07/20
1,840ستون بندی محتوا در وردپرس با افزونه Lightweight Grid Columns تاریخ : 2019/03/13
11,917آموزش گرفتن درگاه پرداخت مستقیم بانک برای سایت تاریخ : 2016/09/19
1,388آموزش تغییر نشانی سایت در وردپرس تاریخ : 2019/10/20
2,584نحوه بازگرداندن تنظیمات تعداد ستون ها در پیشخوان وردپرس تاریخ : 2016/05/24
3,325افزونه وردپرس فیلترینگ هوشمند نظرات Nazarbin تاریخ : 2017/01/24
1,284آموزش افزودن برچسب انرژی به محصولات ووکامرس تاریخ : 2019/07/8
4,624دانلود قالب مجله خبری Sparkler برای وردپرس تاریخ : 2015/09/21
5,832ایجاد یادداشت در پیشخوان وردپرس با افزونه WP Dashboard Notes تاریخ : 2017/04/30
14,360افزونه صفحه کامینگ سون Coming soon and Maintenance mode تاریخ : 2016/03/8
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات
تبلیغات