スライドショー javascript jQuery 変換

Question

var img_src = ["images/pic_1.jpg","images/pic_2.jpg",];
var num = -1;

function slideshow_timer(){

if (num === 1){
num = 0;
}
else {
num ++;
}
document.getElementById("slide").src = img_src[num];
}

setInterval(slideshow_timer, 1000);

jQueryの省略された記述に直した上でここにfadein,fadeoutをjQueryで追記したいです

Comments

[kei344]

（質問文は編集できます）ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。
また、質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

id="slide" のコンテナがあるとして

function slideshow_timer() {
  num = (num + 1) % img_src.length;
  $('#slide img').fadeOut().promise().done(function() { $(this).remove(); });
  $('#slide').append($('<img />', { src: img_src[num], alt: '' }).hide().fadeIn());
}

https://api.jquery.com/remove/
https://api.jquery.com/append/