PDA

View Full Version : Lightbox help please!



teegirl13
06-23-2006, 03:30 PM
I was hoping if someone could help me with why the lightbox isn't loading. It pops the image in a new browser. I tried the same script on a dummy page and it did work. But on this page in my portfolio it doesn't. I'm pretty sure it has something to do with the fact it has several images in my body tage like (onload MM_preload images etc.) I think that may conflict and was hoping there was a way around it.

Link to lightbox code is..
http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

My code can be found here..
http://www.cviscusi.com/cv_flower_website/arbor.htm

Any ideas? Thanks

jscheuer1
06-24-2006, 05:02 PM
Why preload onload? Preload as you load, that way the images will be ready sooner. Onload conflicts are a common reason why scripts will not work together. I think f you go to the author's page for lightbox and look around, you will find information specific to these types of situations with that script.

Try:

http://www.huddletogether.com/projects/lightbox/

and scroll down to the troubleshooting comments.

teegirl13
06-25-2006, 03:26 AM
Thanks. I did look there and I think I did what was explained about adding a piece of code to the very end of the body tag after the preload images.

BUT- now it works on my computer locally but not when I upload it to my server! It dims, and gives me the loading bar but never pops up the image. Any ideas why it won't work remotely?

jscheuer1
06-25-2006, 03:55 AM
That is the classic symptom of the images not being available on the server. This can be more complex than one might at first imagine. But, first of all, did you upload your larger version images to the server? If not, you have to. Next, if you did, they must be in the exact location as specified in the hrefs of the links that are rel="lightbox". If you have all of this, or think you do, then probably the images have inconsistencies of case in their path and/or filenames. On a local computer for instance, .jpg is the same as .JPG - not so on the web, similarly:

images\photo.jpg

is often the same as:

images/photo.jpg

but on the web it must be:

images/photo.jpg

Other case issue apply:

My_photo.jpg

is different (on the web) than:

my_photo.jpg

etc.

If you need more help, please provide a link to your live page.

teegirl13
06-25-2006, 04:27 AM
Thank you so much for writing that out for me. I'm embarrassed to say I hadn't uploaded the thumnail images. It hadn't worked for so many hours of me playing around with it I must have later forgotten to do that. I knew I was prob overlooking something stupid staring at it for so long but wow who would have thought that. Thanks for being patient with me and helping me get it right. I really appreciate it, noone else was writing back.

brett wilson
06-30-2006, 02:12 AM
Hello- I also have a question about Lightbox;
I'd like to learn how to revise the script to make the lightboxes load a little higher in the browser page.

You can see an example HERE (http://brettwilson.org/gallery/albums/wyoming.html) of what I mean.

I want that picture to load at the very top, allowing me to increase the size of my photos vertically and still be able to read the 'Close' remark at the bottom.

Can anyone point me in a right direction here?

- Much apprieciated.

jscheuer1
06-30-2006, 02:45 AM
There are different ways, I am sure. The easiest is to apply a negative top margin style to the element containing the image and data. These differ among versions. The example you give uses light box 2.02 and this thread is about the original. For the original, it is the lightbox id itself that you need to use, example (from demo page's lightbox.css, addition red):


#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
margin-top:-80px;
}

In lightbox v2.02, it is the outerImageContainer id:


#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
margin-top:-20px;
}

Lightbox v2+ appears to start higher on the page to begin with.

brett wilson
06-30-2006, 03:46 AM
Why thank you very much.
I didn't really consider altering the css... I figured it was a javascript issue, of which I know less than nothing.

Thank you again.

jbert
07-31-2007, 01:25 AM
Commander cody So glad I found some lightbox2 actual help. I have succesfully installed Lightbox2 with the captioned links. When the link is clicked a new page opens. I would like the linked window in a lightbox also. I have insertes the rel="lightbox" at every place and it just will not do it. Is this because the other lightbox from the SET [vac] is still open???


can this be done please


Jim

jscheuer1
07-31-2007, 03:03 AM
Commander cody So glad I found some lightbox2 actual help. I have succesfully installed Lightbox2 with the captioned links. When the link is clicked a new page opens. I would like the linked window in a lightbox also. I have insertes the rel="lightbox" at every place and it just will not do it. Is this because the other lightbox from the SET [vac] is still open???

can this be done please

I'm not sure I get you. You say you put rel="lightbox" at every place. This is usually an act of desperation, and at the same time tells me little about what you have actually tried. Also, I'm not clear what you are trying to open from the linked caption or if that is really what you are trying. It sounds like you are:

Opening a normal lightbox link with an image and a caption shown in the lightbox. You have somehow worked it out that the caption shown in the lightbox is itself a link. Now you want that link, when clicked to open in the lightbox.

If I have that much right, that can be done, if that second link is to an image. Lightbox only does images. But the second link cannot be made to open in the lightbox by using the rel="lightbox" attribute alone - because for that, the link must exist when the page loads, but you are creating it at the time that the caption is loaded into the lightbox.

Working on the demo page that comes with v2.03 of lightbox I put a script block in the head to define my caption link:


<script type="text/javascript">
var t1='<a href="photo9.jpg" rel="lightbox" title="Monalisa" onclick="myLightbox.start(this); return false;">Photo 9</a>';
</script>

And changed the demo link to:


<a href="images/image-1.jpg" rel="lightbox" onmouseover="this.title='test';" onmousedown="this.title=t1;"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>

This worked out pretty well, but as I say, the 'box from within the box link' must be to an image. I say 'pretty well', because there is a flickering of the overlay, but this can be easily fixed by editing lightbox.js and modifying the added link slightly, if this is what you are really trying to do.

jbert
07-31-2007, 03:30 AM
John, if I said I understood it completely I would be lying, but thats the great thing about me, let me work on it tonight. It looks like you are doing what I said but in another fashion. I understand what you did. Calling the new image which in the new codes is a lightbox. Off to work. will post soon soon.

My site is http://home.roadrunner.com/~3jbert/index.html


Lower left corner in gallery link "LIGHTHOUSES". First image in lightbox is linked. When clicked the link comes up in a new page.



thanks so much


jim

jbert
07-31-2007, 05:19 AM
Ok John, Took out the img src so no thumb would display. Fist image in my Lighthouse link on the home page is the new script. Works great but does the same thing as a set Lightbox does. When the new lightbox is opened from the new script, I believe it closes the original lightbox. Dhakar's does the same thing.

I just found out that when the new image lightbox is created, it adds the image to the total. started with 1of12, now 1of13. We are close.

I am not sure what closes the original lightbox, maybe the click on the link? But i was thinking if i knew where to look, all we need to do is pause the original lightbox, and then when the new lightbox is closed the original would start up again. IS THIS POSSIBLE?


Thanks


Jim


http://home.roadrunner.com/~3jbert/index.html


Try it out please. Hope I explained all clearly.

jscheuer1
07-31-2007, 06:21 AM
OK, I think I had it right, what you wanted, and I think I now understand the additional functionality that you want. I believe this will work without much modification to the lightbox.js script. Two things right off to improve what you already have:

1 ) In the var t1, instead of just:


onclick="myLightbox.start(this); return false;"

Add a parameter:


onclick="myLightbox.start(this,1); return false;"

And in lightbox.js add (the red part, around line number 364):


start: function(imageLink) {

hideSelectBoxes();
hideFlash();

// stretch overlay to fill page and fade in
var arrayPageSize = getPageSize();
Element.setHeight('overlay', arrayPageSize[1]);
if(!arguments[1]) // added for caption link to box
new Effect.Appear('overlay', { duration: overlayDuration, from: 0.0, to: 0.8 });

imageArray = [];
imageNum = 0;

if (!document.getElementsByTagName){ return; }
var anchors = doc . . .

Doing so will stop the flickering of the overlay when transitioning directly from a box to a box.

2 ) Don't use the rel="lightbox[vac]" in the variable t1. This adds it to the end of the array of vac images. For this to work out as I believe you want it to, the content in t1 should be treated as a single box instance. So, just use:


rel="lightbox"

OK, now it gets a little complicated, but we are just going to use the same general method in t1 to create a link back to a copy of the box that launched it. On my demo page I did this by (expanding upon what I had):


<script type="text/javascript">
var t1='<a href="photo9.jpg" rel="lightbox" onmouseover="this.title=\'Monalisa\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Photo 9</a>';
var t2=' <a href="images/image-1.jpg" rel="lightbox" title="test" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'
</script>

t2 can now be launched from t1 and is more or less a copy of the box that originally launched t1 and can launch t1 again or be closed or be used to navigate directly to the next image, if any, using the next/previous buttons. Your t2 should have the [vac] part in its rel, rel="lightbox[vac]". That way lightbox should recognize it as a part of the original group, and since it is the same as an existing item in that group, accord it the same position in the next/previous chain without creating a new entry in that group.

In other words, in place of your current t1, use this pair (or something much like it):


<script type="text/javascript">
var t1='<a href="images/mackinac.jpg" rel="lightbox" onmouseover="this.title=\'Macinac Point\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Mackinac</a>';
var t2='Mackinac Point - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'
</script>

And make up similar sorts of pairs for each box that gets launched directly from the page that you also want to have this kind of added link.

jbert
07-31-2007, 08:29 AM
I must share something spooky here first. I woke up at 3:00am, had a bowl of cereal. Remember, i have no Javascript knowledge. But as I sat there, all I could think of is your t1 script. I am thinking, why not add a t2 script that references the image we linked from and be sure to add the [vac] so we will have all the other images. I came to the PC and I just stopped breathing when i opened the forum and saw all you did. Going to work, can't sleep now. Will check back when I get it all working.

Wow, thanks


Jim

jbert
07-31-2007, 09:16 AM
Code works but I must have done something wrong on the second pair. The caption link works great off original lightbox but when I hit BACK it goes back to image 1 and not 2. Does the js file need a t3 line also?



Heres my code

<script type="text/javascript">
var t1='<a href="images/mackinac.jpg" rel="lightbox" onmouseover="this.title=\'Macinac Point\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Mackinac</a>';

var t2='Mackinac Point - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'

var t3='<a href="images/mackinac.jpg" rel="lightbox" onmouseover="this.title=\'Macinaw Bridge\';" onmousedown="this.title=t4;" onclick="myLightbox.start(this,1); return false;">Mackinaw Bridge</a>';

var t4='Mackina Bridge - <a style="font-size:smaller;" href="vacation/slides/2.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t3;" onclick="myLightbox.start(this,1); return false;">Back</a>'
</script>


and here is gallery code


<a href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title='Mackinac';" onmousedown="this.title=t1;">Lighthouses</a>
<a href="vacation/slides/2.jpg" rel="lightbox[vac]" onmouseover="this.title='Mackinaw Bridge';" onmousedown="this.title=t3;"></a>

jscheuer1
07-31-2007, 02:08 PM
Yuck! I see the problem. I hadn't gotten that far. Where we assumed we could do:


<a href="vacation/slides/2.jpg" rel="lightbox[vac]" onmouseover="this.title='Mackinaw Bridge';" onmousedown="this.title=t3;"></a>

The onmouseover and onmousedown events never fire because this link is never seen by the user and their mouse never interacts with it. As a result, lightbox never gets the title we want it to use as the caption. So, a slightly different approach is required for these subsequent unseen links.


<a id="vac2" href="vacation/slides/2.jpg" rel="lightbox[vac]"></a>
<script type="text/javascript">
document.getElementById('vac2').title=t3;
</script>

The id used can really be anything, as long as it is a valid id and unique to that one link. The next link could use 'vac3', for example. Also, you can have all the links for a particular section followed by one script block that sets all their titles. So you don't need (represented schematically):

link1 - visible with mouseover and mousedown title
link2
script -assign title to link2 by its id
end script
link3
script -assign title to link3 by its id
end script
link4
script -assign title to link3 by its id
end script

You can have:

link1 - visible with mouseover and mousedown title
link2
link3
link4
script
assign title to link2 by its id
assign title to link3 by its id
assign title to link4 by its id
end script

jbert
07-31-2007, 06:17 PM
Sorry, you lost me on the last one.
Here is what i tried. On second image link still goes bac


<script type="text/javascript">
var t1='<a href="images/mackinac.jpg" rel="lightbox" onmouseover="this.title=\'Macinac Point\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Mackinac</a>';

var t2='Mackinac Point - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'

var t3='<a href="images/lbsite.jpg" rel="lightbox" onmouseover="this.title=\'Bridge\';" onmousedown="this.title=t4;" onclick="myLightbox.start(this,1); return false;">Bridge</a>';

var t4='Bridge - <a style="font-size:smaller;" href="vacation/slides/2.jpg" rel="lightbox[vac2]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t3;" onclick="myLightbox.start(this,1); return false;">Back</a>'

</script>

<script type="text/javascript">
document.getElementById('vac2').title=t3;
</script>




AND




<a href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title='Mackinac';" onmousedown="this.title=t1;">Lighthouses</a></li>


<a id="vac2" href="vacation/slides/2.jpg" rel="lightbox[vac]"></a>


I know i medded up somewhere?


jim

jscheuer1
07-31-2007, 06:31 PM
This:


<script type="text/javascript">
document.getElementById('vac2').title=t3;
</script>

Must come after:


<a id="vac2" href="vacation/slides/2.jpg" rel="lightbox[vac]"></a>

in the body of your page.

jbert
07-31-2007, 08:59 PM
I feel so inadequate at times. But I uploaded it all to the site. Only 2 images, both linked. If I do not click a link I can go back and forth as the lightbox is supposed to, using the tabs. I can click image 1 and go to the link, close it and return to the original. And I can go to the next image using the tab. I can open the link and come back to the 2nd image as we want. The only thing that does not show after we return to the second image is the tab and the x of x under the caption.. Since it is the last image it would only have the "PREV" tab. This is so good. After we fix the tab then I can expand the index file.

My assumptions are as follows:

We will have 2 times the 'VAR' statements than images.
Each image in the body will have the new script below it.

Thats the structure, just needs a lot of input.

Do i have this right????


Thanks so much


Jim

http://home.roadrunner.com/~3jbert/index.html

jbert
07-31-2007, 09:13 PM
Forgot to send this about the tabs and x of x under the capion., if it helps?

#prevLink, #nextLink{
width: 49&#37;;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


and



// if image is part of set display 'Image x of x'
if(imageArray.length > 1){
Element.show('numberDisplay');
Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);
}

From the lightbox.css


jim

jscheuer1
08-01-2007, 02:54 AM
My Demo:

http://home.comcast.net/~jscheuer1/side/jim_h.htm

In which I have:


<script type="text/javascript">
var t1='<a href="images/mackinac.jpg" rel="lightbox" onmouseover="this.title=\'Macinac Point\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Mackinac</a>';
var t2='Mackinac Point - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'
var t3='<a href="images/mackinac.jpg" rel="lightbox" onmouseover="this.title=\'Macinaw Bridge\';" onmousedown="this.title=t4;" onclick="myLightbox.start(this,1); return false;">Mackinaw Bridge</a>';
var t4='Mackina Bridge - <a style="font-size:smaller;" href="vacation/slides/2.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t3;" onclick="myLightbox.start(this,1); return false;">Back</a>'
</script>

and:


<a href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title='Mackinac';" onmousedown="this.title=t1;">Lighthouses</a>
<a id="vac2" href="vacation/slides/2.jpg" rel="lightbox[vac]"></a>
<script type="text/javascript">
document.getElementById('vac2').title=t3;
</script>

<a href="vacation/slides/3.jpg" rel="lig . . .

Also, you still haven't:


And in lightbox.js add (the red part, around line number 364):


start: function(imageLink) {

hideSelectBoxes();
hideFlash();

// stretch overlay to fill page and fade in
var arrayPageSize = getPageSize();
Element.setHeight('overlay', arrayPageSize[1]);
if(!arguments[1]) // added for caption link to box
new Effect.Appear('overlay', { duration: overlayDuration, from: 0.0, to: 0.8 });

imageArray = [];
imageNum = 0;

if (!document.getElementsByTagName){ return; }
var anchors = doc . . .

to take care of the flickering overlay.

jbert
08-01-2007, 03:24 PM
I guess i had forgot to upload the .js, just did and much better. I notice when yours returns to the linked image you have the tab, I must have missed something. When I get back from doctor I will look at everything as it seems as perfect as it should be. Hopefully all your hard work and this new technique will not only help others but spark some creative energy in Lightbox. Will let you know in a day how it all goes. Thanks Jogn, you are a real trooper


Jim

jbert
08-01-2007, 09:57 PM
ok just got home and it all works now with very little flicker. i will not proceed with a couple of additions, but it should not be that bad. Nothing worse than being programmer challenged, but the ideas are there. You made my year for sure. Take care and thanks again.

jscheuer1
08-02-2007, 12:38 AM
You still haven't updated your live copy of lightbox.js on the server. As a result, the flicker is still quite noticeable. It is possible that you have updated some copy of it somewhere, but not here:


http://home.roadrunner.com/~3jbert/js/lightbox.js

where the one used by your page at:


http://home.roadrunner.com/~3jbert/index.html

is located.

jbert
08-02-2007, 03:35 AM
John, I just viewed off server. Here is a copy.

start: function(imageLink) {

hideSelectBoxes();
hideFlash();

// stretch overlay to fill page and fade in
var arrayPageSize = getPageSize();
Element.setWidth('overlay', arrayPageSize[0]);
Element.setHeight('overlay', arrayPageSize[1]);
if(!arguments[1]); // added for caption link to box
new Effect.Appear('overlay', { duration: overlayDuration, from: 0.0, to: overlayOpacity });


Is there somewhere else???


the path for the lightbox.js above is correct. The one on the server is updated?



jim

jscheuer1
08-02-2007, 05:27 AM
John, I just viewed off server. Here is a copy.


start: function(imageLink) {

hideSelectBoxes();
hideFlash();

// stretch overlay to fill page and fade in
var arrayPageSize = getPageSize();
Element.setWidth('overlay', arrayPageSize[0]);
Element.setHeight('overlay', arrayPageSize[1]);
if(!arguments[1]); // added for caption link to box
new Effect.Appear('overlay', { duration: overlayDuration, from: 0.0, to: overlayOpacity });


Is there somewhere else???


the path for the lightbox.js above is correct. The one on the server is updated?



jim

You got it all right except that you added a semi-colon (red in the above) where it doesn't belong.

jbert
08-02-2007, 10:40 AM
And the mentor said, I like to see you trying to the student! I am glad we are persistent, makes all the difference in the world. Just so use to learning CSS, I added it. Whoa! Thanks again

jbert
08-03-2007, 04:57 AM
John, as i am adding new Var statements an script, i thought if I did not want a link I could just put the a Href this way

var t7='<a href="#" rel="lightbox" onmouseover="this.title=\'Charlevoix\';" onmousedown="this.title=t8;" onclick="myLightbox.start(this,1); return false;">Charlevoix</a>';

but the "#" would not let the script work on the second lightbox. I know i can revert to the normal script but cut and pasting makes it a little easier and the code is there for a later link.



jim


thanks

jscheuer1
08-03-2007, 05:42 AM
The href attribute should be set to the URL of the image that you want that link to activate (load) into the lightbox. If no image is desired, a different sort of code altogether should be used for that variable, not a link at all perhaps, maybe just a text string - it would depend upon the effect desired. If the # is just a placeholder that you intend to change later to an image URL once you have the image, just use an existing image as the placeholder. To avoid confusion, it would be best to use an image that is not used by any of the rest of the links that are completed, but any may be employed.

jbert
08-03-2007, 06:12 PM
That's what I thought, but I wanted to be sure there was not some code different from the little bit I know.

jbert
08-06-2007, 10:05 PM
John,

The script below put in .js file got rid of the close x and inserted 2 icons that are linked to an image. This new image opens in a page and when I hit the back button the index page opens again. If i hit windows x everything closes.


Element.setInnerHTML('bottomNav', "<a href='images/spectech.jpg'><img src='images/cam1.gif' width='31' height='26' /></a><a href='images/spectech.jpg'><img src='images/info.gif' width='31' height='26' /></a>");
},

Can these be tied to the others with a back button also?

Thoughts please


Jim

jscheuer1
08-07-2007, 01:29 AM
Probably, but I'm not really following you, is this up on the demo? I just checked the demo, the flickering is back. From what I can tell, you are going overboard with trying to make sure folks can figure out how to use the lightbox interface. Part of the beauty of lightbox is that it is so intuitive. If someone would have a problem with using it, they probably wouldn't have found your page (or any page) in the first place.

jbert
08-07-2007, 03:17 AM
Ok, took your advise and fixed the too much stuff. Also back to regular .js file. Let me do some thinking and I will come back later

thanks


jim

jbert
08-07-2007, 02:32 PM
John

I have decided to re design the link images. Just like instructions, one can have too many lightboxes I guess. For my learning though, I would like to know if another var could be added to the 2 per images we have to make another link, var t3, that would possible interact with var t1 and/or var t2. Site has new link page under Lighthouse-Vermillion. Shows camera data and info.



<script type="text/javascript">
var t1='<a href="vacation/lorain.jpg" rel="lightbox" onmouseover="this.title=\'Lorain Breakwater\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Lorain Breakwater</a>';
var t2='Lorain Breakwater - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'



Thanks

Jim

jscheuer1
08-07-2007, 03:10 PM
Something like:


var t1='<a href="vacation/lorain.jpg" rel="lightbox" onmouseover="this.title=\'Lorain Breakwater\';" onmousedown="this.title=t2;" onclick="myLightbox.start(this,1); return false;">Lorain Breakwater</a> - <a style="font-size:smaller;" href="vacation/lorain_image_data.jpg" rel="lightbox" onmouseover="this.title=\'Lorain Breakwater\';" onmousedown="this.title=t3;" onclick="myLightbox.start(this,1); return false;">image data</a>';
var t2='Lorain Breakwater - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a> - <a style="font-size:smaller;" href="vacation/lorain_image_data.jpg" rel="lightbox" onmouseover="this.title=\'Lorain Breakwater\';" onmousedown="this.title=t3;" onclick="myLightbox.start(this,1); return false;">image data</a>'
var t3='Lorain Breakwater Image Data - <a style="font-size:smaller;" href="vacation/slides/1.jpg" rel="lightbox[vac]" onmouseover="this.title=\'Back\';" onmousedown="this.title=t1;" onclick="myLightbox.start(this,1); return false;">Back</a>'

jbert
08-07-2007, 10:18 PM
Thanks, I just want to make a quick page and ponder the possibilities. Let me be sure I am doing this right. If I narrow it down to 2 images, we would have 6 var statements. And in the body just 2 images statements. Will the image statements change at all???

I will make a page real quick and post it so you can look at it. Here is the link


http://home.roadrunner.com/~3jbert/indexnew.html

Jim

jscheuer1
08-08-2007, 04:42 AM
That's not doing anything. I had a typo in my code, one too many ' characters at the end of the line for t2. I just fixed it in my previous post.

There could also be other problems.

jbert
08-08-2007, 05:28 AM
check out the link now. I am very carefully changing some wording to images and then will post later. Lightbox will take on a new look for sure. Will post when I am through. Someday Mr. dhakar will have Lightbox accept HTML. As for now I can put text in eith Photoshop and save as an image. Wonderful work. I now have more to learn





Thanks


Jim

jscheuer1
08-08-2007, 01:27 PM
Well, it is now working as I expected. Hopefully this gives you enough to configure it as desired.

jbert
08-08-2007, 06:38 PM
It does and I thank you again. Hopefully some other Photographers can benefit.

jbert
08-15-2007, 01:53 AM
Commander J. Cody, I had to return and tell you the site got awarded a 9 on a scale from 1-10, for not only design but ease of navigation. That's it, back to work.


Jim