X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=mkgallery.pl;h=70c00892396c19b89f6ee2f26889f9756f5b27de;hp=4334ef8afb3e95313fb5e977981fa353d7230194;hb=d7c0a397220f9f171f4fc677b96ea1f6655e7e02;hpb=562bb8dadead7245f944b4f9a8c4752caba651e7 diff --git a/mkgallery.pl b/mkgallery.pl index 4334ef8..70c0089 100755 --- a/mkgallery.pl +++ b/mkgallery.pl @@ -564,10 +564,30 @@ sub startindex { -encoding=>"utf-8", -head=>$rsslink, -style=>{-src=>[$inc."gallery.css", - $inc."lightbox.css"]}, - -script=>[{-code=>"var incPrefix='$inc';"}, + $inc."lightbox.css"], + -code=>"\ +.lbLoading {background: #fff url(".$inc."loading.gif) no-repeat center;} +#lbPrevLink {background: transparent url(".$inc. + "prevlabel.gif) no-repeat 0% 15%;} +#lbPrevLink:hover {background: transparent url(".$inc. + "prevlabel.gif) no-repeat 0% 15%;} +#lbNextLink {background: transparent url(".$inc. + "nextlabel.gif) no-repeat 0% 15%;} +#lbNextLink:hover {background: transparent url(".$inc. + "nextlabel.gif) no-repeat 0% 15%;} +#lbCloseLink {background: transparent url(".$inc. + "closelabel.gif) no-repeat center;} +.lightboxDesc {display: block;}"}, + -script=>[ + {-src=>$inc."mootools.js"}, {-src=>$inc."gallery.js"}, - {-src=>$inc."lightbox.js"}]), + {-src=>$inc."lightbox.js"}, + {-code=>"\ +var incPrefix='$inc'; +window.addEvent('domready',function(){ + Lightbox.init({descriptions: '.lightboxDesc', showControls: true}); +});"} + ]), a({-href=>"../index.html"},"UP"),"\n", start_center,"\n", h1($title),"\n", @@ -655,14 +675,23 @@ sub img_entry { $self->infotable, end_div,"\n"; - print $IND table({-class=>'slide'},Tr(td( - a({-href=>".html/$name-info.html",-title=>'Image Info', - -onClick=>"return showIbox('$name');"},$title), - br, - a({-href=>$medium,-rel=>"lightbox",-title=>$title}, + print $IND a({-name=>$name}), + table({-class=>'slide'},Tr(td( + div({-class=>"lightboxDesc $name"}, + a({-href=>".html/$name-info.html",-title=>'Image Info', + -onClick=>"return showIbox('$name');"}, + $title)), + a({-href=>".html/$name-static.html",-title=>$title, + -id=>$name, + -OnClick=>"Lightbox.show('$medium','$title');return false;"}, img({-src=>$thumb})), br, - a({-href=>$name,-title=>'Original Image'},"($w x $h)"), + div({-style=>"display: none;"}, + a({-href=>$thumb,-rel=>"lightbox[thm]", + -title=>'Thumb'},"Thm"), + a({-href=>$medium,-rel=>"lightbox[sml]", + -title=>'Small'},"Sml")), + a({-href=>$name,-title=>'Original'},"($w x $h)"), br))),"\n"; }