Ho da qualche tempo implementato Simple jQuery Slideshow Script per un lavoretto
sito di riferimento:
http://jonraasch.com/blog/a-simple-jquery-slideshow
veramente comodo e bello

La creazione dello slideshow è gestita con PHP




Ora mi è stato chiesto di poter dare un link ad alcune immagini nello slideshow cosa che ho già implementato in amministrazione
Ora sto provando e....

codice:
<div id="slideshow">
[img]27471big640.jpg[/img]
[img]./upload/imgbig/31248big715.jpg[/img]
[img]./upload/imgbig/20333big208.jpg[/img]
</div>
succede che lo slide non gira perchè il "target" dello script è l'immagine (IMG) e aggiungendo 1 a href "salta tutto"

al che nel blog dell'autore è stato consigliato di cambiare IMG con 1 div che contiene ogni singola immagine

una cosa del tipo
codice:
<div id="slideshow">

<div class="active">[img]27471big640.jpg[/img]</div>
<div >[img]./upload/imgbig/31248big715.jpg[/img]</div>
<div >[img]./upload/imgbig/20333big208.jpg[/img]</div>

</div>
avendo così sempre 1 contenitore per eventuali tag aggiuntivi appunto il DIV ...ho provato come sopra riporto e ho cambiato poi lo script così
codice:
function slideSwitch() {
    var $active = $('#slideshow DIV.active');

    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow DIV:first');
HO poi cambiato il foglio di stile come segue

codice:
/******************/
/* simple slideshow*/
#slideshow {
    position:relative;
    height:311px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}
/* simple slideshow*/
/******************/
Semplicemnte ho sostituito IMG con DIV...
non funzia...

come posso attribuire il div?