طراحی و بهینه سازیمشاهده

هاست

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

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- کد نمایش عکس و تصاویر تصادفی با جاوا اسکریپت

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

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

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

موفق باشید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود
.

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1395/11/5 0 CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=23803

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,797افزونه وردپرس اشتراک گذاری مطلب در ازای دانلود Social Share & Locker Pro تاریخ : 1396/06/8
1,004افزونه وردپرس ابزارهای کاربردی GetSiteControl Widgets تاریخ : 1395/10/6
2,481ساخت نوار خبری متحرک در وردپرس با افزونه Horizontal Scrolling تاریخ : 1396/04/12
2,842افزونه وردپرس دسته بندی مدیا WP Real Media Library نسخه 2.2.2 تاریخ : 1395/01/22
2,706اسکریپت ساخت آنلاین اسلایدر MySlider نسخه 1.4 تاریخ : 1394/11/22
6,630افزونه اشتراک گذاری مطالب در واتس آپ برای وردپرس تاریخ : 1394/02/14
10,617قالب زیبای وردپرس مخصوص سایت گرافیک تاریخ : 1392/08/6
1,270افزونه وردپرس ایجاد نظر سنجی WP-Polls تاریخ : 1395/10/5
4,560نمایش تاریخ آخرین آپدیت پست های وردپرس تاریخ : 1394/05/7
2,651غیر فعال کردن رونوشت ها در نوشته های وردپرس تاریخ : 1392/12/10
803افزودن امضا و تبلیغات در انتهای مطالب وردپرس با افزونه Insert Post Ads تاریخ : 1396/03/20
1,486وردپرس را به آپلودسنتر تصاویر تبدیل کنید با افزونه Closify Press تاریخ : 1395/02/6
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب