Slideshow jquey

[Andrea44]

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

<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>

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

<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>

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");
    });
});

[cavicchiandrea]

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

2° codice

<div onload="start_slideshow()" id="chi_siamo_slideshow">

I div non supporta onload (avere le basi di javascript aiuta)

      <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>

function start_slideshow(){
    $(document).ready(function(){

il ready non va inserito in una funzione, ma usato al caricamento di pagina e l'equivalente di window.onload in js

if ($("$div#chi_siamo_slideshow").children('img.chi_siamo_selezionata').attr('src')=="IMG/IMG1.jpg")

$div non esiste fai attenzione alla sintassi la classe .chi_siamo_selezionata dov'è? src restituisce il percorso assoluto e tu lo confronti con un relativo non potrà mai essere soddisfatta la if

            $("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");
    });
});

Hai troppo confusione cosi non produrrai nulla di buono, e il forum non può farti da tutor spigandoti errori o sintassi studiati le basi di javascript gli eventi come funzionano e quando usarli le condizioni etc... poi passi a jquery