Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Aug 2002
    Posts
    152
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Problems with thumbnail gallery script (Minigal)

    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/e...Party&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.
    Last edited by neodjandre; 07-09-2011 at 01:40 AM.

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Posts
    152
    Thanks
    5
    Thanked 0 Times in 0 Posts
    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.

    Code:
    <!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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •