From: Eugene Crosser <crosser@average.org>
Date: Tue, 19 Aug 2008 09:50:11 +0000 (+0000)
Subject: tune info box
X-Git-Tag: 2.00~50
X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=commitdiff_plain;h=e1409ccb8e6b656b691b97f9741c1313d0a30558

tune info box
---

diff --git a/include/close.png b/include/close.png
new file mode 100755
index 0000000..aeb8def
Binary files /dev/null and b/include/close.png differ
diff --git a/include/gallery.css b/include/gallery.css
index e5c5e82..5e1f741 100644
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -88,3 +88,110 @@ table.picframe {
  margin-bottom: 5px;
 }
 
+.MultiBoxContainer {
+	position: absolute;
+	border: 2px solid #000;
+	background-color: #FFF;
+	display: none;
+	z-index: 2;
+	text-align: left;
+}
+
+.MultiBoxLoading {
+	background: url(loading.gif) no-repeat center;
+}
+
+.MultiBoxContent {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.MultiBoxClose {
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	background: url(close.png) no-repeat;
+	width: 24px;
+	height: 24px;
+	cursor: pointer;
+}
+
+
+.MultiBoxControlsContainer {
+	overflow: hidden;
+	height: 0px;
+	width: 100%;
+}
+
+.MultiBoxControls {
+	width: 100%;
+	height: auto;
+	position: relative;
+	background-color: #000000;
+}
+
+
+.MultiBoxPrevious {
+	position: absolute;
+	background: url(left.png) no-repeat;
+	width: 24px;
+	height: 24px;
+	left: 0px;
+	margin-top: 5px;
+	cursor: pointer;
+}
+
+.MultiBoxNext {
+	position: absolute;
+	background: url(right.png) no-repeat;
+	width: 24px;
+	height: 24px;
+	right: 0px;
+	margin-top: 5px;
+	cursor: pointer;
+}
+
+.MultiBoxNextDisabled {
+	cursor: default;
+	background: url(rightDisabled.png) no-repeat;
+}
+
+.MultiBoxPreviousDisabled {
+	cursor: default;
+	background: url(leftDisabled.png) no-repeat;
+}
+
+.MultiBoxTitle {
+	position: relative;
+	margin: 10px 0 0 35px;
+	float: left;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #FFF;
+	font-weight: bold;
+	text-align: left;
+}
+
+.MultiBoxNumber {
+	position: relative;
+	width: 50px;
+	margin: 10px 35px 0 0;
+	float: right;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #FFF;
+	text-align: right;
+}
+
+.MultiBoxDescription {
+	clear: left;
+	position: relative;
+	margin: 0 35px 0 35px;
+	padding-top: 5px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #FFF;
+	text-align: left;
+}
diff --git a/include/gallery.js b/include/gallery.js
index d0f9760..9b37b4a 100644
--- a/include/gallery.js
+++ b/include/gallery.js
@@ -126,13 +126,19 @@ function init_gallery() {
  alert(msg)
    /* end debugging output */
 
+ var ovlparams = {}
+ ovl = new overlay(ovlparams)
+
  var iboxparams = {
-  useOverlay: true,
+  overlay: ovl,
   showNumbers: false,
+  showControls: true,
   openFromLink: false,
-  descClassName: 'infoboxdesc',
+  movieWidth: 640,
+  movieHeight: 480,
+  descClassName: 'infoBoxDesc',
  }
- ibox = new multiBox('infobox', iboxparams)
+ ibox = new multiBox('infoBox', iboxparams)
 
  var winparms = {}
  showwin = new showWindow('slideshowWindow',winparms)
diff --git a/include/left.png b/include/left.png
new file mode 100755
index 0000000..c6cd0ed
Binary files /dev/null and b/include/left.png differ
diff --git a/include/leftDisabled.png b/include/leftDisabled.png
new file mode 100755
index 0000000..b38b2af
Binary files /dev/null and b/include/leftDisabled.png differ
diff --git a/include/right.png b/include/right.png
new file mode 100755
index 0000000..519267c
Binary files /dev/null and b/include/right.png differ
diff --git a/include/rightDisabled.png b/include/rightDisabled.png
new file mode 100755
index 0000000..6633c01
Binary files /dev/null and b/include/rightDisabled.png differ
diff --git a/mkgallery.pl b/mkgallery.pl
index 085f42a..1c5fd98 100755
--- a/mkgallery.pl
+++ b/mkgallery.pl
@@ -667,23 +667,13 @@ sub img_entry {
 
 	my $i=0+$self->{-parent}->{-numofimgs};
 	$self->{-parent}->{-numofimgs}++;
-	print $IND start_div({-class=>'ibox',-id=>$name,
-				-OnClick=>"HideIbox('$name');"}),"\n",
-		start_div({-class=>'iboxtitle'}),
-		span({-style=>'float: left;'},b("Info for $name")),
-		span({-style=>'float: right;'},
-			a({-href=>"#",-OnClick=>"HideIbox('$name');"},"Close")),
-		br({-clear=>'all'}),"\n",
-		end_div,"\n",
-		$self->infotable,
-		end_div,"\n";
 
 	print $IND a({-name=>$i}),"\n",
 		start_table({-class=>'slide'}),start_Tr,start_td,"\n",
 		div({-class=>'slidetitle',-id=>$name},
 			a({-href=>".html/$name-info.html",
 				-title=>'Image Info',
-				-class=>'infobox'},
+				-class=>'infoBox'},
 				$title)),"\n",
 		div({-class=>'slideimage',-id=>$name},
 			a({-href=>".html/$name-static.html",-title=>$title,