...

View Full Version : Problems with thumbnail gallery script (Minigal)



neodjandre
07-09-2011, 01:07 AM
Hello,

I am using the Minigal script from http://www.minigal.dk (developers website appears to be down at the moment).

I am running into the following problems as you can see from:

http://www.sexinthecityparties.com/eventph.php?dir=The%20Island%20Party&page=all


1. Thumbnails appear to be loaded in the background at the default size 130 x 130 although I have specified a new size 85 x 85.

2. Horizontal and vertical scrollbars appear in the gallery

3. The thumbnails on the far right and far down are not displayed at the correct size 85 x 85

4. When I click a thumbnail, the photo loads correctly however the bounding box on the thumbnail appears to be 130 x 130 instead of 85 x 85.

neodjandre
07-09-2011, 01:10 AM
The operation of the script is a bit complex for me but it seems that this code from the template of the script has something to do with adjusting the script. There might be other files which require adjustment & I can't figure out.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><% title %></title>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvBlack21.css" type="text/css" media="screen" />
<script src="<% gallery_root %>js/mootools.js" type="text/javascript"></script>
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: <% gallery_width %>;
font: 11.5px Arial, Helvetica, sans-serif;
background: #000;
background-image:url('http://www.sexinthecityparties.com/images/repeat.png');
background-repeat: repeat;
}
h1 {
font: normal 320%/100% Garamond, Georgia, serif;
margin: 20px 0 5px 0;
letter-spacing: -2px;
}
.credits {
border-bottom: solid 1px #ccc;
padding-bottom: 5px;
margin: 0 0 30px 0;
font: 120% Garamond, Georgia, serif;
}
.credits em {
color: #999;
}
.backlink a {
font-size: 10px;
text-decoration: none;
color: #AAA;
}
.backlink a:hover,
.backlink a:visited:hover {
color: #000;
}
img {
border: none;
}
#page_nav {
color: #999;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #222;
}
#breadcrumb_nav {
color: #999;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
text-decoration: none;
color: #222;
}
a {
color: white;
}
#container {
overflow: auto;
width: 100%
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
padding: 0px;
margin: 0;
float: left;
position: relative;
width: 85px;
height: 85px;
}
.gallery li:hover img {
border-color: #000;
background: #000;
}
.gallery img {
background: #000;
border: solid 1px #000;
padding: 5px;
}
.gallery em {
background: #fff url(images/grey-gradient.gif) repeat-y;
color: #000;
font-style: normal;
padding: 2px 10px;
display: block;
position: absolute;
top: 110px;
left: 9px;
border: 1px solid #999;
border-left-color: #888;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
background: #ffdb01 url(images/orange-gradient.gif) repeat-y;
border-color: #c25b08;
}
.newversion {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
border: none;
float: none;
}
.newversion a img {
background-color: transparent;
color: white;
border: none;
text-decoration: none;
}
</style>
</head>

<body>
<br/>
<div align="center"><a href="http://www.sexinthecityparties.com/gallery/"><img src="../../images/titles/gallery.png" alt="Sex In The City Parties" title="" border="0"></a></div>
<br/><br/>
<div id="container">
<ul class="gallery">
<% thumbnails %>
</ul>
</div>
<br /><br />
<!-- <div id="page_nav"><% page_navigation %></div> -->
<br />
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum