tune info box
authorEugene Crosser <crosser@average.org>
Tue, 19 Aug 2008 09:50:11 +0000 (09:50 +0000)
committerEugene Crosser <crosser@average.org>
Tue, 19 Aug 2008 09:50:11 +0000 (09:50 +0000)
include/close.png [new file with mode: 0755]
include/gallery.css
include/gallery.js
include/left.png [new file with mode: 0755]
include/leftDisabled.png [new file with mode: 0755]
include/right.png [new file with mode: 0755]
include/rightDisabled.png [new file with mode: 0755]
mkgallery.pl

diff --git a/include/close.png b/include/close.png
new file mode 100755 (executable)
index 0000000..aeb8def
Binary files /dev/null and b/include/close.png differ
index e5c5e82a936ccb9978c4f2efa91ca3f4c0768ba9..5e1f741a4de34d3dacf6a054e74b5ecebe430022 100644 (file)
@@ -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;
+}
index d0f9760a84fe87b460852c3325e4592c5fd5e4db..9b37b4aea6424107452f5e4a498ed78f923fdde6 100644 (file)
@@ -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 (executable)
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 (executable)
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 (executable)
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 (executable)
index 0000000..6633c01
Binary files /dev/null and b/include/rightDisabled.png differ
index 085f42a7a0600826a41c64d609cf9d30661462d8..1c5fd98d0f4592353585307ccec7fc2a27a824a3 100755 (executable)
@@ -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,