Comments on: Building your own lightbox – part 1 http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/ Sun, 13 May 2012 19:51:54 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Kelvin http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-173312 Kelvin Sun, 04 Mar 2012 13:47:33 +0000 http://kilianvalkhof.com/?p=78#comment-173312 Pls i need help displaying multiple images in the Lightbox at the same time like so = ( http://www.cashmoney-records.com/ ) if you browse to the Artist page , the link is located at the bottom of the Home page you could understand more of what i want to achieve. Thanks. Pls i need help displaying multiple images in the Lightbox at the same time like so = ( http://www.cashmoney-records.com/ ) if you browse to the Artist page , the link is located at the bottom of the Home page you could understand more of what i want to achieve. Thanks.

]]> By: saimons http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-145902 saimons Thu, 10 Nov 2011 14:52:05 +0000 http://kilianvalkhof.com/?p=78#comment-145902 I make some changes for better function of LightBox: 1: CSS: .overlay { position:fixed; ... 2: JS: $(".container").css({ "top": $(window).scrollTop() + (document.documentElement.clientHeight / 2.0) + 'px', ... 3: $(".overlay").click(function(){ $(".container, .overlay").animate({"opacity":"0"}, 200, "linear", function(){ $(".container, .overlay").remove(); }); $("body").css({"overflow-y":"auto"}); }); Now it's working with scrolling. I make some changes for better function of LightBox:
1: CSS: .overlay { position:fixed; …
2: JS: $(“.container”).css({ “top”: $(window).scrollTop() + (document.documentElement.clientHeight / 2.0) + ‘px’, …
3:
$(“.overlay”).click(function(){
$(“.container, .overlay”).animate({“opacity”:”0″}, 200, “linear”, function(){
$(“.container, .overlay”).remove();
});
$(“body”).css({“overflow-y”:”auto”});
});

Now it’s working with scrolling.

]]> By: Simon http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-141711 Simon Mon, 24 Oct 2011 18:33:46 +0000 http://kilianvalkhof.com/?p=78#comment-141711 I would suggest not to positioned the divs absolute but position them fixed. If you make the position absolute you fail if you have to scroll down to the lightbox link :) I would suggest not to positioned the divs absolute but position them fixed. If you make the position absolute you fail if you have to scroll down to the lightbox link :)

]]> By: Adam http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-131876 Adam Wed, 14 Sep 2011 15:59:08 +0000 http://kilianvalkhof.com/?p=78#comment-131876 Hi! Don't you use Myspace? I'd prefer to follow you if that might be all right. I am absolutely enjoying your website and look forward to new blogposts. Hi! Don’t you use Myspace? I’d prefer to follow you if that might be all right. I am absolutely enjoying your website and look forward to new blogposts.

]]> By: someguy http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-127277 someguy Sat, 27 Aug 2011 06:12:48 +0000 http://kilianvalkhof.com/?p=78#comment-127277 WHERE IS PART 2 ? ! ? ! ? ! ? ! WHERE IS PART 2 ? ! ? ! ? ! ? !

]]> By: Louise http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-124695 Louise Tue, 16 Aug 2011 18:26:10 +0000 http://kilianvalkhof.com/?p=78#comment-124695 Thanks for this, very useful and really well explained! Where can I find part 2? Thanks for this, very useful and really well explained!
Where can I find part 2?

]]> By: طراحی وب سایت http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-120319 طراحی وب سایت Sun, 31 Jul 2011 10:23:24 +0000 http://kilianvalkhof.com/?p=78#comment-120319 Thanks for this very Useful Thanks for this very Useful

]]> By: Ricky Salles http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-113653 Ricky Salles Sun, 26 Jun 2011 02:04:58 +0000 http://kilianvalkhof.com/?p=78#comment-113653 Better merchandise and also exelent outcomes for your folks who are seeking this lower price one on one mobile phone series here's it TELEPHONE THESE DAYS 866-943-6381 Better merchandise and also exelent outcomes for your folks who are seeking this lower price one on one mobile phone series here’s it TELEPHONE THESE DAYS 866-943-6381

]]> By: چاپ http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-111520 چاپ Mon, 13 Jun 2011 15:45:53 +0000 http://kilianvalkhof.com/?p=78#comment-111520 Thanks for this, definitely great starting information. Thanks for this, definitely great starting information.

]]> By: Leo http://kilianvalkhof.com/2008/javascript/building-your-own-lightbox-part-1/comment-page-1/#comment-110852 Leo Fri, 10 Jun 2011 06:02:52 +0000 http://kilianvalkhof.com/?p=78#comment-110852 "left: "50%", ---- is missing a [ " ] after [ left ] “left: “50%”, —- is missing a [ " ] after [ left ]

]]>