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




 

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

اسلایدر رولوشن فارسی
هاست

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

CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند
آموزش نمایش عکس و بنر تصادفیReviewed by M J on Jan 24Rating: 3.5آموزش نمایش عکس و تصاویر تصادفیحتما تا به حال در وب سایت های بزرگ و مختلف با رفرش کردن صفحات و یا مراجعه به صفحه های داخلی با تغییر بنر ها روبه رو شده اید حال در این ساعت در بیست اسکریپت برای شما عزیزان آموزش قرار دادن عکس و بنر ها به صورت تصادفی یا همان Random را در روش های مختلف آموزش خواهیم داد که بر اساس نیاز و سیستم محتوای خود از این روش و کدها می توانید استفاده نمایید . این مطالب کامل ترین و جامع ترین آموزش نمایش عکس و بنر تصادفی در سطح وب می باشد . در ادامه با ما همراه باشید.

حتما تا به حال در وب سایت های بزرگ و مختلف با رفرش کردن صفحات و یا مراجعه به صفحه های داخلی با تغییر بنر ها روبه رو شده اید حال در این ساعت در بیست اسکریپت برای شما عزیزان آموزش قرار دادن عکس و بنر ها به صورت تصادفی یا همان 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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
4,105دانلود قالب مجله آموزشی آشپزی SocialChef برای وردپرس تاریخ : 1394/04/20
2,268افزونه قدرتمند تگ گذاری روی تصاویر wpStickies نسخه 2.1.1 تاریخ : 1393/10/16
3,425نمایش توضیحات نقطه ای برروی تصاویر با افزونه وردپرس Premium Presentations تاریخ : 1396/05/26
7,416افزونه ساخت منو بازشو در وردپرس Max Mega Menu تاریخ : 1394/12/9
2,204بررسی پوسته های وردپرس با افزونه Theme Check تاریخ : 1393/04/22
1,659نمایش تصویر شاخص در فید وردپرس تاریخ : 1395/03/17
2,226افزونه حمایت مالی گالکسی فاندر برای ووکامرس تاریخ : 1393/12/14
2,125قالب HTML ایمیل و خبرنامه SuperMail Team Showcase همراه با صفحه ساز آنلاین تاریخ : 1396/07/16
2,917دانلود قالب چندمنظوره و تک صفحه ای 907 برای وردپرس تاریخ : 1394/04/4
4,271افزونه بارگذاری Ajax صفحات وردپرس تاریخ : 1395/05/24
2,685افزونه ایجاد فرم نظرسنجی در وردپرس WP Customer Reviews تاریخ : 1394/12/12
1,368افزونه وردپرس پاپ آپ نینجا Ninja Popups نسخه 4.5.1 تاریخ : 1396/08/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب