PDA

View Full Version : Some photos show nextlabel at bottom underneath closelabel



marckc
09-04-2011, 11:47 PM
I have lightbox 2.05 and all my photos in gallery work great except for 2 or 3 that show the nextlabel at the bottom underneath the lightbox frame (underneath closelabel). It is weird that same code works for all other images. This is a particular set of 5 images and images 3 and 4 show nextlabel wrong. From one to three works fine. PLEASE help. Thanks in advance.
Marc :o
P.S.: The CSS and the JS code from download have not been chaged (other than set the path for the tag labels -- close, next, prev and loading).


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US">

<head>
<meta charset="UTF-8" />
<title>Marc photo/studio</title>
<link rel="stylesheet" href="../CSScode/middletable.css" type="text/css" />
<link rel="stylesheet" href="lightbox2.05a/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox2.05a/js/prototype.js"></script>
<script type="text/javascript" src="lightbox2.05a/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2.05a/js/lightbox.js"></script>
<meta name="description"
content="Marc photo/studio />

<base target="DISPLAY">
<link rel="shortcut icon" href="../WEB-LOGOS/WebFavicon.ico" type="image/x-icon">


</head>

<!--<body background="backgrounds/BCNmenu.jpg" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">-->



<script language=JavaScript>

var message=" Marc.. photo/studio";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;

</script>

<body bgcolor="#000000">

<!-- BEGINNING OF TOP COMMON TABLE FOR ALL LINKS -->

<table class="top">
<tr>
<td>
<img src="../WEBPAGE-LOGOS/WebLogo6.gif" alt="Company's name logo"
width="312" height="132"></img>
</td>
<td>
<ul>
<li><a class="menu" href="DSinterview96_2.html" target="_self">Special Corner</a></li>
<li><a class="menu" href="pictures2_2.html" target="_self">Gallery</a></li>
<li><a class="menu" href="credits2_2.html" target="_self">Thanks to...</a></li>
<li><a class="menu" href="2information2.html" target="_self">About us</a></li>
<li><a class="menu" href="display2_2.html" target="_self">Home</a></li>
</ul>
</td>
</tr>
</table>

<br>
<!--<hr size="8" width="100%" color="#b6360a">-->


<!-- END OF TOP COMMON TABLE FOR ALL LINKS -->

<!-- MIDDLE TABLE BELOW CHANGES WITH EVERY LKINK OPENED -->

<table class="middlepic">
<tr>
<td><p align="left">Please, click thumbnails to enlarge photo.</p></td>
</tr>
<tr>
<td>
<h1 align="center"><font size="5" color="yellow"><b><i><u>Garden/Flowers</u></i></b></font>
<ul>
<li><a href="../6x4s/biglake.jpg" rel="lightbox[PowellGarden]">
<img src="../6x4s/smallake.jpg" alt="Powell Garden" /></a></li>
<li><a href="../6x4s/xmas2.jpg" rel="lightbox[PowellGarden]">
<img src="../6x4s/sxmas2.jpg" alt="Powell Garden" /></a></li>
<li><a href="../6x4s/lillies.jpg" rel="lightbox[PowellGarden]">
<img src="../6x4s/slillies.jpg" alt="Powell Garden" /></a></li>
</ul>
</td>
</tr>
<tr>
<td>
<h1 align="center"><font size="5" color="yellow"><b><i><u>Winter</u></i></b></font><br>
<ul>
<li><a href="../6x4s/2btrbrook.jpg" rel="lightbox[XMas]">
<img src="../6x4s/2ltrbrook.jpg" alt="Triplebrook Campground" /></a></li>
<li><a href="../6x4s/2bbow.jpg" rel="lightbox[XMas]">
<img src="../6x4s/2lbow.jpg" alt="Frozen Bow" /></a></li>
</ul>
</td>
</tr>
<tr>
<td>
<h1 align="center"><font size="5" color="yellow"><b><i><u>Outdoors-Events</u></i></b></font><br>
<ul>
<li><a href="../6x4s/2bballoon.jpg" rel="lightbox[Outdoors]">
<img src="../6x4s/2lballoon.jpg" alt="Alexandria Balloon Festival(NJ)"></img></a></li>
<li><a href="../6x4s/2bcartail.jpg" rel="lightbox[Outdoors]">
<img src="../6x4s/2lcartail.jpg" alt="Antique Cars Show(NJ)"></img></a></li>
<li><a href="../6x4s/2brider.jpg" rel="lightbox[Outdoors]">
<img src="../6x4s/2lrider.jpg" alt="Meadows Land Sports Complex(NJ)"></img></a></li>
</ul>
</td>
</tr>
<tr>
<td>
<h1 align="center"><font size="5" color="yellow"><b><i><u>Travel</u></i></b></font><br>
<ul>
<li><a href="../6x4s/2bgolondrina.jpg" rel="lightbox[Travel]">
<img src="../6x4s/2lgolondrina.jpg" alt="La Golondrina(Barcelona)Spain" /></a></li>
<li><a href="../6x4s/2baduana.jpg" rel="lightbox[Travel]">
<img src="../6x4s/2laduana.jpg" alt="Customs Building (Port of Barcelona)Spain" /></a></li>
<li><a href="../6x4s/2bontario.jpg" rel="lightbox[Travel]">
<img src="../6x4s/2lontario.jpg" alt="Lake Ontario(Canada)" /></a></li>
<li><a href="../6x4s/2bohio_02.jpg" rel="lightbox[Travel]">
<img src="../6x4s/2lohio_02.jpg" alt="Lake Erie, Mentor(OH)" /></a></li>
<li><a href="../6x4s/2bohio_10.jpg" rel="lightbox[Travel]">
<img src="../6x4s/2lohio_10.jpg" alt="Lake Erie, Mentor(OH)" /></a></li>
</ul>
</td>
</tr>
<tr>
<td>
<h1 align="center"><font size="5" color="yellow"><b><i><u>Architecture</u></i></b></font><br>
<ul>
<li><a href="../6x4s/2blarry.jpg" rel="lightbox[Arquitecture]">
<img src="../6x4s/2llarry.jpg" alt="Victorian House, Hope(NJ)" /></a></li>
<li><a href="../6x4s/2bclinton.jpg" rel="lightbox[Arquitecture]">
<img src="../6x4s/2lclinton.jpg" alt="Art Museum, Clinton(NJ)" /></a></li>
<li><a href="../6x4s/2bwindow.jpg" rel="lightbox[Arquitecture]">
<img src="../6x4s/2lwindow.jpg" alt="Hopewell(NJ). Lindbergh's birth town" /></a></li>
</ul>
</td>
</tr>
</table>

<!-- END OF MIDDLE TABLE THAT CHANGES WITH EVERY LINK -->

<!-- BEGINNING OF BOTTOM COMMON TABLE FOR ALL LINKS -->

<table class="bottom">
<tr>
<td>
<ul>
<li><a class="bottom1" href="DSinterview96_2.html" target="_self">Special Corner</a></li>
<li><a class="bottom1" href="pictures_@.html" target="_self">gallery</a></li>
<li><a class="bottom1" href="credits2_2.html" target="_self">thanks to...</a></li>
<li><a class="bottom1" href="2information2.html" target="_self">about us</a></li>
<li><a class="bottom1" href="display2.html" target="_self">home</a></li>
</ul>
</tr>
<tr>
<td>
<p>Copyright "Marc.. photo/studio". All rights reserved.
-- Last update: August 2011.
Web design by: Marcelino "Marc" E.T.(1996-2011). </p>
</td>
</tr>
</table>

<!-- END OF BOTTOM COMMON TABLE FOR ALL LINKS -->

<!--
<div align="center"> -->
<!--
<a href="promart.html"><img src="../GIFs/proart.gif"
alt="Promoting Art" width="200" height="30"></a>
<br>
<a href="DSinterview96.html"><img src="../GIFs/spcorn2.gif"
alt="Interviews" width="200" height="30"></a>
<br>

<a href="guestbook.html"><img src="guests.jpg"
alt="photoMARC guestbook" width="200" height="30"></a><br>

<a href="2information.html"><img src="../GIFs/info2.gif"
alt="Information" width="200" height="30"></a>
<br>
<a href="pictures_.html"><img src="../GIFs/galleries.gif"
alt="Galleries" width="200" height="30"></a>
<br>

<a href="garden.html"><img src="garden.gif"
alt="Garden/Flowers" width="200" height="30"></a><br>

<a href="credits2.html"><img src="../GIFs/txto2.gif"
alt="Thanks to" width="200" height="30"></a>
<br>
<a href="display2.html"><img src="../GIFs/home2.gif"
alt="Home" width="200" height="30"></a>
-->

<!--
<br>

<img src="../6x4s/line13.jpeg" alt="Yellow line"
width="139" height="9"></p>

</div>

<div align="center">

<address>
<b>Last updated:<br>
July 2011<br>
<br>
Created by:<br>
Marcelino "Marc" E.T.<br>
MET photography 1996-2011<br>

</b><a class="special" href="copyright.html"><b><img src="../6x4s/copyright.jpeg"
alt="Copyright link" width="108" height="17"></b></a><b>
All rights reserved
<br><br>
</b><a class="special" href="mailto:marc@METphotography.net?subject=MET photography comments"><b>
<img src="../6x4s/e-mail.jpeg" alt="E-mail link" align="center" width="71" height="24"></b></a>
<b>
</b>
</address>
<hr align="center" size=5 width=75% color=black>
<P align="center"><font size=3 face="Helvetica"><b>Thanks for your visit<br></b></p></font>
-->


<!-- Start of Globel Code -->

<!--
<CENTER>
<script language="JavaScript">
var count = "metphoto"; // Change Your Account?
var type = "baby"; // Change Your Counter Image?
var digits = "6"; // Change The Amount of Digits on Your Counter?
var prog = "hit"; // Change to Either hit/unique?
var statslink = "no"; // provide statistical link in counter yes/no?
var sitelink = "yes"; // provide link back to our site;~) yes/no?
var cntvisible = "yes"; // do you want counter visible yes/no?
</script>
-->

<!-- Your Page ID: 183649 -->

<!--
<img style="border: 0px" src="http://www.webcounterstats.com/count.php?page=183649" /><br />
<a class="special" href="http://gourmetbasket.com.au/fathers-day-gift-baskets"
target="_blank" title="fathers day gift hampers"
style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #314321"</a>
<font style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #314321"> </font>


<font size=1 face="Helvetica"><b>Counter Design by www.free-counters.co.uk</b></font>

</center></div>
-->

</body>
</html>

jscheuer1
09-05-2011, 02:10 AM
Perhaps those images are larger somehow, like they may have large white or transparent sections at the top or bottom.

But it could be any number of things.

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.

marckc
09-05-2011, 02:29 AM
Thank you so much John for your reply. I cannot give you the link because I don't have the web page up yet. I was finishing and "polishing" the code to make the page look nicer. I can attach the code in here. I pasted HTML on initial posting. I will attach a photo of the image in trouble and the lightbox code. I hope that is good enough for you to check. I thought lightbox was "calculating" the real size of the photo to build the nice white frame..... The height of the picture is 419 pix. I was looking at the lightbox js/css code and they have predefined a 250x250 pix frame, but then the code remarks are clear stating that the frame will automatically re-size to the real size of the picture (in that case 419 pix height). That is probably why I got confused for the majority of the gallery works and the left label works all the time with all photos.
I hope I did the attachments correctly. Thanks again John. Best regards

4055

4056

4057

jscheuer1
09-05-2011, 04:54 AM
It's not that I didn't understand the problem. It's that I cannot solve it without a link to the page. Please put up a page on the web somewhere, anywhere that demonstrates the problem and provide a link to it. It doesn't have to be finished or polished. It can even have only the code and images required to show this thing misbehaving. But I'll have to see it. The fact that it works most of the time, and that you're using the default code, means that it's probably either the images themselves and/or a relatively obscure bug in the default code. But it could be anything.

marckc
09-05-2011, 11:21 PM
Once again,John......THANK YOU very much. I will call iPage tomorrow Monday after work and set the web online. Then I will be able to give you the link. (www.marcphotostudio.com). Link it is not working yet. I will post again when iPage gives me the okay word. Thanks again John.
Best regards,
Marcelino "Marc"

marckc
09-05-2011, 11:28 PM
Sorry, I meant tomorow Tuesday............I will get iPage to work on my index page and I will post a message once they make it official. Thanks once again. MARC