Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 20.09.2011, 12:03
vincento vincento ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2011
Beiträge: 12
vincento befindet sich auf einem aufstrebenden Ast
Standard

Kann mir da keiner helfen oder ist es so lächerlich einfach, dass ich es selbst checken sollte?

Habe ein wenig weitergefeilt. Jetzt ist das Bild beim ersten Klick richtig positioniert, allerdings beim Zweiten wird wieder nur die Hälfte der Fensterbreite als Höhe und als Breite genommen.

Code:
$.fn.lightBox = function() {
	
	$(this).click(function() {
		$("#overlay_box").addClass("loadingPic");
		
		var windowWidth = $(window).width();
		var windowHeight = $(window).height();
		var imgSrc = $(this).attr("href");
		
		$("#overlay_box").empty().html("<img src='"+imgSrc+"' />").css({
			"left":"0px",
			"top":"0px"
		});
		
		$("#overlay_box").children("img").css({
			"display":"none",
			"max-width":windowWidth-50,
			"max-height":windowHeight-50
		}).onImagesLoaded(function(_img){
			$(_img).fadeIn(1000);
			var boxHeight = $("#overlay_box").height();
			var boxWidth = $("#overlay_box").width();
			var centerWidth = windowWidth/2 - boxWidth/2;
			var centerHeight = windowHeight/2 - boxHeight/2;
			
			$("#overlay_box").css({
				"left":centerWidth,
				"top":centerHeight
			}).removeClass("loadingPic");
		});
		
		$('#overlay_wrap').fadeIn('fast');
		return false;
	});

	$('#overlay').click(function(){
		$('#overlay_wrap').fadeOut('fast');
	});

};
hier mal ein Screenshot:



EDIT: Auch wenn es nur wenig Fantasie bedarf, sich auszumalen, wie das HTML dazu aussieht, schreibe ich es dennoch dazu:

HTML-Code:
<a href="link.html">
    <img src="bild.jpg" />
    <span>Bild-Unterschrift</span>
</a>

Geändert von vincento (20.09.2011 um 15:24 Uhr)
Mit Zitat antworten
Sponsored Links