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 ...