What Am I Doing Wrong

Page: 1

Author Post
ixie01
Guest
I just discovered floatbox and I love it on the demo site but I can't get it to work on my site. All I can get it to display is a directory of indexes like this:
[DIR] Parent Directory -
[IMG] image_1.jpg 04-Apr-2009 18:16 36K
image_2.jpg 04-Apr-2009 18:17 32K

This how Im setting up:
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/" rel="gallery.tour"></a>
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/" rel="gallery.tour"></a>
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/" rel="gallery.tour"></a>
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/" rel="gallery.tour"></a>

This is how I'm using it:
<a href="" rel="gallery.tour" rev="doSlideshow:true showThis:false endTask:exit autoResize:true navType:none">Slideshow</a>

<a href="" rel="gallery.tour" ><img src="gallery_tour/image_1.png" alt="Gallery Tour" width="200" hspace="7" align="left" /></a>

I'm going crazy. Can anyone tell me what I'm doing wrong?

Thanks[/img]
Administrator
Registered: Aug 2008
Posts: 3382
I don't understand your nuanced distinction between how you are setting it up and how you are using it. :) But...

In the first group of samples, all your hrefs point to the same thing and that thing is a directory, so, you get a directory. I think you mean to point those to individual images. Something like:
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/image1.jpg" rel="gallery.tour"></a>
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/image2.jpg" rel="gallery.tour"></a>

Point your hrefs to images, and you will get images.

In your last two "using it" samples the hrefs are blank, so there's nothing to show.

The href is a reference to the thing you want displayed in floatbox, just like on a standard "dumb" anchor it's a reference to the thing you want to navigate to when you click the anchor. If your anchors don't work without floatbox, they won't work with floatbox either.
ixie01
Guest
Actually the images were there but I changed the recordset name and missed an entry:
<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/image_3.jpg" rel="gallery.tour"></a>


<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/image_2.jpg" rel="gallery.tour"></a>


<a href="http://proof.sunsetrivermarketplace.com/gallery_tour/image_1.jpg" rel="gallery.tour"></a>

It's the next part that baffles me. I thought since the examples show the href as blank that float box could find them.

So I need this?:

<a href="gallery_tour/image_1.jpg" rel="gallery.tour" rev="doSlideshow:true showThis:false endTask:exit autoResize:true navType:none">Slideshow</a>

Do I need that entry for every image or just once?

When I put it in just once floatbox displays: image 3 of four. If I put it in for each image it still displays 3 of 4 but I'm better off than I was. Thanks
Administrator
Registered: Aug 2008
Posts: 3382
Yes, you can get away without an href on that last anchor because you have "showThis:false". Since it's not going to show itself, it doesn't need an href to point to what to show.

You only need that slideshow link placed once on your page. The members of the slideshow set are determined by their sharing of a common rel value (gallery.tour).

Your slideshow is starting on item 3 because anchors are picked up in the order they appear on the page, and image_1.jpg is the 3rd anchor in the set on your page. If your slideshow anchor (the one with "showThis:false" on it) has an href, the slideshow will start with the normal set member that has the same href. If the slideshow href is blank, the slideshow will start with anchor #1 in the set.

Not sure what you mean by being better off putting in multiple slideshow links, but from looking at the code, it looks like you should have a functioning slideshow. I would either change the order of the image links on the page or set the slideshow anchor's href to blank to get things starting with item 1 of 3.
ixie01
Guest
No, I'm better of because at least I have to output! I figured out that I only needed 1 href but I still have a problem. After the slideshow displays the last image it doesn't end, it just sits there and spins. Wont it autmaticly end?
Administrator
Registered: Aug 2008
Posts: 3382
Yeah, the slideshows automatically end after all items are shown if endTask is set to "exit". I'd have to see an online example to be able to determine why you are having trouble in this regard.
ixie01
Guest
<a href="gallery_tour/image_1.jpg" rel="gallery.tour" rev="doSlideshow:true showThis:false endTask:exit autoResize:true navType:none">Slideshow</a>

proof.sunsetrivermarketplace.com

userid jogi88
pw jogi88

click on the first slideshow link
ixie01
Guest
sorry proof.sunsetrivermarketplace.com/index2.php
Administrator
Registered: Aug 2008
Posts: 3382
Works fine for me. You have 4 items in your gallery. It displays those 4 items and then exits. However...

The first three anchors are in the head section of your document. They have no business being there. They belong in the body. It's a minor miracle they work from the head.

The 4th anchor is just below your slideshow anchors. It looks like this:
<a href="" rel="gallery.tour" ><img src="gallery_tour/image_1.png" alt="Gallery Tour" width="200" hspace="7" align="left" /></a>


It shares the same rel attribute so is part of the group. It does not have showThis:false so it is displayable. The empty href causes it to display the current page inside floatbox, and that's what looks weird on the fourth item.

If you get more organized, put stuff where it belongs, and just place anchors for things you actually want, you will find joy and satisfaction.
ixie01
Guest
Actually, I get five images but there should be 3. I figured it was something what you said. But it won't end for me. Let me tinker with it, i'll figure out something. One last question. I will be displaying a lot of info about each image so I will have to have an href for each one, right?

Thanks a million.
ixie01
Guest
I got it down to 3 records and it ended for me. I think I'm going to like floatbox. I fooled around with lytebox all morning and went to the forum and found it was gone. That's where I found the link to floatbox. It sure is superior. But I still think it should be able to find the rel images withour an href link! Give somebody a freebie and all they do is complain!!

Page: 1