Discussion :

[ulkakine]

Bonjour � tous,

J'ai r�cup�r� et adapt� un script me permettant de faire une galerie avec transition d'image.
Ma question est la suivante, actuellement la transition ce fait avec un fondu au noir ... et j'aimerais une transition entre les deux images de fa�on fluide.

Je copie mon code si quelqu'un a une id�e pour m'aider.
Merci

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function() {	
	//Show Banner
	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.50 }, 1 ); //Set Opacity
    $(".main_image .blocimage").fadeIn(500);
	//Click and Hover events for thumbnail list
	$(".image_thumb ul li:first").addClass('active'); 
	$(".image_thumb ul li").click(function(){ 
		return false;
	}) 
	$(".image_thumb ul li").hover(function(){ 
		//Set Variables
		var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
		var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
		var imgDescHeight = $(".main_image").find('.block').height();	//Calculate height of block	
		if ($(this).is(".active")) {  //If it's already active, then...
			return false; // Don't click through
		} else {
			//Animate the Teaser
				$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 500 , function()
					{
						$(".main_image .block").html(imgDesc).animate({ opacity: 0.50,	marginBottom: "0" }, 500 );
						$(".main_image img").attr({ src:imgTitle,alt: imgAlt});
						$(".main_image img").css("display", "none");
						$(".main_image img").fadeIn(500);
					});
			}
		$(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		$(this).addClass('active');  //add class of 'active' on this list only
		return false;
	}) 
});//Close Function

[SpaceFrog]

y'a pas �a dans les contributions ???
sinon il existe un addon jquery qui g�re tr�s bien la chose ... : jquery cycle

[Bovino]

y'a pas �a dans les contributions ???

Si si
[SRC] Fondu enchain�

[ulkakine]

Merci pour vos r�ponses (super rapide d'ailleurs) mais comme mon script de galerie est d�j� existant je sais pas trop comment le modifier pour arriver � ce type de r�sultat ...