Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

H D. HeRO

Colocar link em banner jquery

Recommended Posts

Achei o codigo de um banner jquery com fade, ele funciona normalmente mas quando eu tento colocar link nas imagens ele não troca as imagens.

 

Se alguem puder me ajudar, desde já agradeço.

 

segue o codigo do banner:

 

<script type="text/javascript" src="http://todamulher.comercial.ws/wordpress/wp-content/themes/blass2/jquery-1.2.6.min.js"></script>

<script type="text/javascript">

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

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

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

</script>
<script language="javascript">
document.getElementById("s").value="";
</script>

<style type="text/css">

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:236px;
	clear: both;
}

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

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

#slideshow IMG.last-active {
    z-index:9;
}
img { behavior: url(iepngfix.htc) }
</style>

		<div id="slideshow">
			<img src="image1.jpg" class="active" />
			<img src="image2.jpg" />
			<img src="image3.jpg"  />
		</div>

se eu coloco assim:

		<div id="slideshow">
			<a href="#"><img src="image1.jpg" class="active" /></a>
			<a href="#"><img src="image2.jpg" /></a>
			<a href="#"><img src="image3.jpg"  /></a>
		</div>

jah não funciona =/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Localize e altere o código abaixo:

// use this to pull the images in the order they appear in the markup
   var $next =  $active.next().length ? $active.next()
       : $('#slideshow IMG:first');

Para:

// use this to pull the images in the order they appear in the markup
   var $next =  $active.parent().next().children('img').length ? $active.parent().next().child('img')
       : $('#slideshow IMG:first');

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.