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:
codice:
<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:
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 :
codice:
$(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.