Slideshow jquey

[Andrea44]

Ciao a tutti Usando jquery ho provato a creare una semplice slideshow, ma non sono riuscito a ottenere nulla (è la prima volta che uso le jquery). Posto qui sotto il codice. Ringrazio in anticipo

<div class="slideshow">
   <div id="slideshow_ImgBox">
      <img src="IMG/IMG1.jpg" alt="IMG" class="first"/>
      <img src="IMG/IMG2.jpg" alt="IMG" class="second"/>
      <img src="IMG/IMG3.jpg" alt="IMG" class="third"/>
   </div>    <div id="slideshow_ImgBoxLinks">
      <a href="javascript:IMG_visible(0);"><img src="IMG/IMG1.jpg" alt="IMG"/></a>
      <a href="javascript:IMG_visible(1);"><img src="IMG/IMG2.jpg" alt="IMG"/></a>
      <a href="javascript:IMG_visible(2);"><img src="IMG/IMG3.jpg" alt="IMG"/></a>
   </div>
</div>

function IMG_visible(var i){
    switch(i){
        case 0:
            return{
                $("div#servizi_dettagli_slideshow_ImgBox img.first").css("visibility:visible");
                $("div#servizi_dettagli_slideshow_ImgBox img.second").css("visibility:hidden");
                $("div#servizi_dettagli_slideshow_ImgBox img.third").css("visibility:hidden");
            }
        case 1:
            return{
                $("div#servizi_dettagli_slideshow_ImgBox img.first").css("visibility,hidden");
                $("div#servizi_dettagli_slideshow_ImgBox img.second").css("visibility,visible");
                $("div#servizi_dettagli_slideshow_ImgBox img.third").css("visibility,hidden");
            }
        case 2:
            return{
                $("div#servizi_dettagli_slideshow_ImgBox img.first").css("visibility:hidden");
                $("div#servizi_dettagli_slideshow_ImgBox img.second").css("visibility:hidden");
                $("div#servizi_dettagli_slideshow_ImgBox img.third").css("visibility:visible");
            }
    }
}

[salvo.pappy]

Hai sbagliato a passare i parametri al metodo .css()
Devi fare qualcosa del genere:

 $("#id").css("visibily", "visible") ;

[Vindav]

hai sbagliato un sacco di cose oltre a quella già citata da salvo.pappy:
- non vedo nella parte html nessun div con id che inizia per "servizi_dettagli"
- dichiari con var un parametro di input, dove ovviamente non serve
- la sintassi switch è sbagliata

inoltre se vuoi usare jquery allora usalo per tutto, definire una funzione IMG_visible è assolutamente inutile se vuoi usare jquery, come è inutile passare il paramentro di input(l'indice delle immagini), forse è meglio se studi un po prima di passare alla pratica.

[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