problema visualizzazione immagini in gallery jquery

[gianlucaweb]

Ciao

Ho caricato una galleria realizzata con jquery.

Le immagini però non vengono mostrate correttamente. Sembrano che sia ingrandite zoomate insomma.
Ho provate a scaricarle (tasto destro->salva immagine) e le dimensioni sono quelle giuste. Il problema è solo nella visualizzazione. Ho provato a trovare il problema ma ci capisco poco di jquery, comunque se non sbaglio il problema dovrebbe essere in queste righe di codice:

/* Handle Slider */
		var slider = $("#slider");
		var isSliding = false;
		var sliderHolder = slider.children('ul');
		var sliderSlides = sliderHolder.children('li');
		var sliderImages = sliderSlides.children('img');
		slider.height($(window).height());
		sliderSlides.eq(0).addClass('active');
		
		$(window).load(function(){
			AlignSliderImages(slider, sliderImages);
			SliderInit();
		}).resize(function(){
			slider.height($(window).height());
			AlignSliderImages(slider, sliderImages);
		}).mousemove(function(e){
			if (imagesAreAligned)
			{
				var r = (e.clientY * 100 / $(window).height());
				sliderHolder.css({ 
					'top': (25 * (100-r) / 100),
					'bottom': (25 * r / 100)
				});
			}
		});
		
		slider.children('.slider-prev').click(function(e){
			e.preventDefault();
			
			if (!isSliding)
			{
				clearInterval(window.sliderIntervalId);
				
				var currentSlide = sliderHolder.children('.active');
				var currentSlideIndex = currentSlide.index();
				var nextSlide = sliderSlides.eq(--currentSlideIndex < 0 ? (sliderSlides.length-1) : currentSlideIndex);
				
				Slide(currentSlide, nextSlide);			
				SliderInit();
			}
		});
		
		slider.children('.slider-next').click(function(e){
			e.preventDefault();
			
			if (!isSliding)
			{
				clearInterval(window.sliderIntervalId);
				
				var currentSlide = sliderHolder.children('.active');
				var currentSlideIndex = currentSlide.index();
				var nextSlide = sliderSlides.eq(++currentSlideIndex >= sliderSlides.length ? 0 : currentSlideIndex);
				
				Slide(currentSlide, nextSlide);
				SliderInit();
			}
		});
		
		slider.children(".slider-back").click(function(e){
			e.preventDefault();
			
			history.go(-1);
		});
		
		var queuedImagesToBeLoaded = 0;
		slider.find("img").each(function(){
			if (queuedImagesToBeLoaded++ < totalImagesToBeLoaded)
			{
				Preloader.Instance.AddImageInQueue($(this).attr('src'));
			}
		});
		
		Preloader.Instance.LoadImages();
		
		function AlignSliderImages(slider, images)
		{
			var sliderWidth = slider.width();
			var sliderHeight = slider.height()+80;
			var sliderRate = sliderWidth / sliderHeight;
			var currentImage = images.eq(0);
			var rate = currentImage.width() / currentImage.height();

			if (rate > sliderRate)
			{
				var width = sliderHeight * rate;
				images.css({
					'width': width,
					'height': sliderHeight,
					'margin-top': -40,
					'margin-left': (sliderWidth - width) / 2
				});
			}
			else
			{
				var height = sliderWidth / rate
				images.css({				
					'width': sliderWidth,
					'height': height,
					'margin-top': (sliderHeight - height - 20) / 2,
					'margin-left': 0
				});
			}
			
			imagesAreAligned = true;
			slider.children('ul').removeClass('before-init');
		}
		
		function SliderInit()
		{
			window.sliderIntervalId = setInterval(function(){
				var currentSlide = sliderHolder.children('.active');
				var currentSlideIndex = currentSlide.index();
				var nextSlide = sliderSlides.eq(++currentSlideIndex >= sliderSlides.length ? 0 : currentSlideIndex);
				Slide(currentSlide, nextSlide);
			}, 9000);	
		}
		
		function Slide(currentSlide, nextSlide)
		{
			isSliding = true;
			currentSlide.animate({ 'opacity': 0 }, 800, function(){
				currentSlide.removeClass('active');
			});
			nextSlide.animate({ 'opacity': 1 }, 800, function(){
				nextSlide.addClass('active');
				isSliding = false;
			});
		}
		/* End Handle Slider */
		
		/* Handle Side Posts */
		$("#blog-listing").each(function(){
			var side = $(this).find(".site-side");
			
			side.each(function(){
				var main = side.siblings(".site-main");
				var articles = side.children(".post");
				
				while (side.height() > main.height() && articles.length > 0)
				{
					articles.eq(articles.length-1).remove();
					articles = side.children(".post");
				}
			});
		});
		/* End Handle Side Posts */

Potete aiutarmi a capire cosa c'è che non va?

Grazie

[karl94]

Indica l'indirizzo della pagina in cui è possibile vedere in azione la galleria.

[gianlucaweb]

Indica l'indirizzo della pagina in cui è possibile vedere in azione la galleria.

ancora la devo caricare. Sto provando ancora il tutto in locale.

Online comunque c'è questa versione che ha in pratica lo stesso identico problema.


http://templatypus.com/gallery/demo/template/phogra


Grazie

[karl94]

Quella galleria è fatta in modo che l'immagine copra tutto lo spazio disponibile (eventualmente tagliandola ai lato oppure sotto e sopra).
Se questo non è il comportamento che desideri ti consiglieri di cercare una galleria differente che soddisfi le tue esigenze.