Ho letto una guida come consigliato e sono riuscito a creare 2 codici che però non funzionano
Qualcuno riuscirebbe a spiegarmi dove ho sbagliato? Grazie

1° codice
codice HTML:
<div onload="slideshow(0)" id="chi_siamo_slideshow">
      <img src="IMG/IMG1.jpg" alt="image active" class="selezionata"/>
      <img src="IMG/IMG2.jpg" alt="image active" class="selezionata"/>
      <img src="IMG/IMG3.jpg" alt="image active" class="selezionata"/>
      <div>
            <a href="javascript:slideshow(0);"><img src="IMG/IMG1.jpg" alt="image 1"/></a>
           <a href="javascript:slideshow(1);"><img src="IMG/IMG2.jpg" alt="image 2"/></a>
           <a href="javascript:slideshow(2);"><img src="IMG/IMG3.jpg" alt="image 3"/></a>
      </div>
</div>
codice:
function slideshow(n){
    $(document).ready(function(){
        
        switch(n){
            case 0:
                if ($("$div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').attr('src')=="IMG/IMG1.jpg")
                    $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","inline-block");
                else
                    $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","none");
                break;
            case 1:
                if ($("$div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').attr('src')=="IMG/IMG2.jpg")
                    $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","inline-block");
                else
                    $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","none");
                break;
            case 2:
                if ($("$div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').attr('src')=="IMG/IMG3.jpg")
                    $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","inline-block");
                else
                    $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","none");
                break;
        }
    });
}

2° codice
codice HTML:
<div onload="start_slideshow()" id="chi_siamo_slideshow">
      <img src="IMG/IMG1.jpg" alt="image active" class="selezionata"/>
      <img src="IMG/IMG2.jpg" alt="image active" class="selezionata"/>
      <img src="IMG/IMG3.jpg" alt="image active" class="selezionata"/>
      <div>
            <a href=""><img src="IMG/IMG1.jpg" alt="1"/></a>
            <a href=""><img src="IMG/IMG2.jpg" alt="2"/></a>
            <a href=""><img src="IMG/IMG3.jpg" alt="3"/></a>
      </div>
</div>
codice:
function start_slideshow(){
    $(document).ready(function(){
        if ($("$div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').attr('src')=="IMG/IMG1.jpg")
            $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","inline-block");
    });
}


$(document).ready(function(){
    $("$div#chi_siamo_slideshow").children('a').click(function(){
        var i=$(this).children('img').attr('alt');
        if ($("$div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').attr('src')=="IMG/IMG"+i+".jpg")
            $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","inline-block");
        else
            $("div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').css("display","none");
    });
});