jquery.sequence.js problema animazione

[DUMAX]

salve,
come in oggetto, utilizzo nel sito la libreria jquery per le animazioni slideshow in homepage.
C'è un problema pero, con il codice che segue funziona tutto regolarmente:

<ul class="sequence-canvas">
<li id="kind_effect3" class="animate-out" style="display: list-item; opacity: 1; z-index: 1;">    
<img alt="Background Image" src="http://localhost/website/modules/possequence/images/bgimage_8.jpg" class="slider-bg" style="">    
<img alt="Image" src="http://localhost/website/modules/possequence/images/image_8.jpg" class="model-slider3" style="">              
</li>
<li id="kind_effect3" class="animate-in" style="display: list-item; opacity: 1; z-index: 2;">    
<img alt="Background Image" src="http://localhost/website/modules/possequence/images/bgimage_9.jpg" class="slider-bg" style="">    
<img alt="Image" src="http://localhost/website/modules/possequence/images/image_9.jpg" class="model-slider3" style="">              
</li>
</ul>

Mentre se inserisco il link all'immagine rimane bloccato sulla prima slide e non funziona più l'animazione, di seguito il codice:

<ul class="sequence-canvas">
<li id="kind_effect3" class="animate-in" style="display: list-item; opacity: 1; z-index: 2;">    
<a href="" style=""><img alt="Background Image" src="http://localhost/website/modules/possequence/images/bgimage_8.jpg" class="slider-bg"></a>
    <a href="" style=""><img alt="Image" src="http://localhost/website/modules/possequence/images/image_8.jpg" class="model-slider3"></a>
           </li>
<li id="kind_effect3" class="" style="display: list-item;">    
<a href=""><img alt="Background Image" src="http://localhost/website/modules/possequence/images/bgimage_9.jpg" class="slider-bg"></a> 
   <a href=""><img alt="Image" src="http://localhost/website/modules/possequence/images/image_9.jpg" class="model-slider3"></a>
            </li>
</ul>

Incollo anche il codice javascript :

$(document).ready(function(){
    var options = {
            autoPlay:  true, // auto change slides
            autoPlayDelay: 3000,
            pauseOnHover:  false, 
            hidePreloaderDelay: 500,
            nextButton: true,
            prevButton: true,
            pauseButton: true,
            preloader: true,
            pagination:true,
            hidePreloaderUsingCSS: false,                   
            animateStartingFrameIn: true,    
            navigationSkipThreshold: 750,
            preventDelayWhenReversingAnimations: true,
            customKeyEvents: {
                80: "pause"
            }
        };


        var sequence = $("#sequence").sequence(options).data("sequence");
    });

Come posso risolvere?
grazie.

[m4rko80]

Ciao, potrebbe essere che all'interno del plugin viene cercato l'elemento adiacente IMG e anteponendo un A salta tutto.
Potresti bindare il click sul tag img e farlo funzionare come link da jQuery.
Aggiungi quindi per esempio un data-href="" con la url come valore e nel js

$(function(){
//<imgalt="Background Image"src="http://localhost/website/modules/possequence/images/bgimage_8.jpg"class="slider-bg"> IL TAG ESEMPIO
$('body').on('click', '.slider-bg', function(e){
  e.preventDefault();
  location.href = $(this).data('href');
});
});

L'ho scritto senza testare, controlla che la classe che ho usato sia quella del tag interessato o aggiungi/modifica.

[DUMAX]

grazie mille, il tuo consiglio ha funzionato alla grande!
Grazie ancora!!!!