نمونه کد اتصال به دیتابیس

محاسبه طول پسورد

کدنویسی وردپرس

نمونه فرم کامل تماس

محاسبه قیمت به زبان php

صفحه سفید در وردپرس

غیرفعال کردن افزونه

ریدایرکت 301

قالب صحیفه

ریدایرکت به https

تابع چک کردن زوج یا فرد

کد نمایش عکس تصادفی با لود شدن صفحه

۲ آبان ۱۳۹۴ | 0 نظر | لینک کوتاه | html, javascript, آموزش

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

در این روش از زبان های html و javascript بهره خواهیم برد .

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

<script type="text/javascript">
  var imageURLs = [
       "http://www.codeplan.ir/images/image1.png"
     , "http://www.codeplan.ir/images/image2.png"
     , "http://www.codeplan.ir/images/image3.png"
  ];
  function getImageTag() {
    var img = '<img src=\"';
    var randomIndex = Math.floor(Math.random() * imageURLs.length);
    img += imageURLs[randomIndex];
    img += '\" alt=\"Some alt text\"/>';
    return img;
  }
</script>

حال در جایی از body سایت خود که می خواهید این لود شدن عکس رندم لود شود کد زیر را قرار دهید

<script type="text/javascript">
  document.write(getImageTag());
</script>

دیدگاه بگذارید

Be the First to Comment!

Notify of
avatar
wpDiscuz