以下は、JavaScriptとCSSを使ったスライダー形式で画像を表示する例です。セキュリティ脆弱性のある機能は含まれていません。

HTML:

```
<div id="slider">
  <img src="img1.jpg">
  <img src="img2.jpg">
  <img src="img3.jpg">
  <img src="img4.jpg">
</div>
```

CSS:

```
#slider {
  width: 500px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

#slider img {
  width:100%;
  position: absolute;
  transition: all 1s ease;
}

#slider img:nth-child(1) {
  left:0;
}

#slider img:nth-child(2) {
  left:100%;
}

#slider img:nth-child(3) {
  left:200%;
}

#slider img:nth-child(4) {
  left:300%;
}
```

JavaScript:

```
var slideIndex = 1;
showSlides(slideIndex);

function showSlides(n) {
  var slides = document.getElementById("slider").getElementsByTagName("img");
  
  if (n > slides.length) slideIndex = 1;
  if (n < 1) slideIndex = slides.length;

  for (var i = 0; i < slides.length; i++) {
    slides[i].style.left = i * 100 - (slideIndex - 1) * 100 + "%";
  }
}

setInterval(function() {
  slideIndex++;
  showSlides(slideIndex);
}, 3000);
```

このプログラムでは、CSSで画像をスライドさせるための準備をし、JavaScriptで定期的に画像を切り替えています。setIntervalで指定した間隔（3000ms）で画像が切り替わります。また、HTMLで使用する画像ファイルは、img1.jpgからimg4.jpgまでの4つのファイルがあることを前提としています。

ジョークを取り入れる場合は、例えばスライダー画像が一巡するたびに「コレをご覧ください！」のようなメッセージを表示するといいかもしれません。