Fual Slimbox (Lightbox) - Ver 1.0 Support

Hello again,

many thanks for the tip ; I looked at the Headerwrapper div, and it had position;relative which I remember adding to the end to a mod which has since been taken off.

Sorry for taking your time and many thanks.

Regards,

Heathenmagic :smile:

yellow1912:

BTW, is there any way to make the prev - next on the 2 sides of the images more obvious? For now it cant be seen unless you hover your mouse on it.
Regards

There is a very easy and quick fix for this and only involves a css change (but I would recommend changing the next and previous images as below). Has been tested with FF2 and IE7.

Edit includes/templates/{YOUR TEMPLATE}/css/stylesheet_slimbox_ex.css and change the lbNextLink and lbPrevLink styles to

#lbNextLink {
  background: transparent url(../images/slimbox/sb_next.gif) no-repeat;
  top: 0;
  right: 0;
}

#lbNextLink:hover {
  cursor:pointer;
}

#lbPrevLink {
  background: transparent url(../images/slimbox/sb_prev.gif) no-repeat;
  top: 0;
  left: 0;
}

#lbPrevLink:hover {
  cursor:pointer;
}

NOTE the changed image file names. Copy the following 2 images (right click - save as) to includes/templates/{YOUR TEMPLATE}/images/slimbox

SilverZulu:

There is a very easy and quick fix for this and only involves a css change (but I would recommend changing the next and previous images as below). Has been tested with FF2 and IE7.

Edit includes/templates/{YOUR TEMPLATE}/css/stylesheet_slimbox_ex.css and change the lbNextLink and lbPrevLink styles to

#lbNextLink {
background: transparent url(../images/slimbox/sb_next.gif) no-repeat;
top: 0;
right: 0;
}

#lbNextLink:hover {
cursor:pointer;
}

> 
> ```php
#lbPrevLink {
  background: transparent url(../images/slimbox/sb_prev.gif) no-repeat;
  top: 0;
  left: 0;
}

#lbPrevLink:hover {
  cursor:pointer;
}

NOTE the changed image file names. Copy the following 2 images (right click - save as) to includes/templates/{YOUR TEMPLATE}/images/slimbox
Cheers, I will put this as an option in the CSS for the next release which might be tonight; there are a couple of very minor issues. But I have been holding off posting a new version in case anything else cropped up.

I'm trying to tackle a weird issue.

On additional images, I can't get the _LRG image to load. On the product page. The secondary image is previewed just fine. The src= points to the correct _LRG.jpg. The href points to the same img but it adds on another _LRG to the file name. example - href="images/large/1DA02_LRG_LRG.jpg">

I'm trying to figure out why it's adding the additional _LRG

I fixed the issue. I for some reason put the 1DA02_LRG in the /image directory. It of course was adding the _LRG to the href pointing to the image/large directory.

Problem fixed by putting the correctly named and sized 1DA02.jpg in the /image directory.

Pleased to hear it.

I love this mod.

I also like the hover-over (next-prev) button for multiple images. I'm affraid that the non-savvy customers will miss that.

So I did the non-hover mod for the next-prev buttons, and it works perfectly.

Yes despite the fact that it looks very sexy

1. The default next prev hovers don't work in IE6 (big problem)
2. They aren't very obvious (even to savvy customers I think)

So basically, from a usability point of view I think that, since so many people have mentioned it, I need to offer zencarters both options for the mod. Give me a little time though as I have some "real" work to do at the moment.

Great plugin, it works fine even with the Lightbox plugin installed and does turn it off!

I saw the response about adding the effect to ex pages, but how do I add the effect to define_main_page.php and any of the other define pages?

dreamz:

Great plugin, it works fine even with the Lightbox plugin installed and does turn it off!

I saw the response about adding the effect to ex pages, but how do I add the effect to define_main_page.php and any of the other define pages?
It works exactly the same as for ez-pages. When you make a new define page you create a folder called: ```
/includes/modules/pages/YOUR_PAGE

Copy the jscript_slimbox.php file into this directory and then add ```html
rel="lightbox[gallery]"
``` to any links that you want to appear in a lightbox. Because this is the extended version of slimbox you can even load whole webpages in the lightbox, for example try putting: ```html
<a href="http://www.google.com" rel="lightbox[gallery]">google</a>
``` on your page.

This method applies to any page in zencart.

Small Announcement

There is a new version of slimbox available on the downloads page I strongly recommend anyone currently using slimbox to upgrade as it contains a small but important bug fix and allows you to have permenant next and prev buttons if there are additional images, which seems to be something that people were very keen on. This makes it work properly in IE6.

Note: if you upgrade you need to reinstall the SQL patch as well as copy all the files over.

Thanks, I added the script to modules/pages/index and it worked great. Easy upgrade just now also! :smile:

I just upgraded and everything works great!

Even the close - prev - next buttons had some work done to them.

Glad everything works ok.

Is there a way to use the add-on with an image map?

dreamz:

Is there a way to use the add-on with an image map?
I have no idea. Aren't image maps a bit 1998?

I think that the answer is probably yes in principle, but you will need to do modify the js code, so perhaps no in practice.

You could always cut your image up into slices, so that it acts like an image map, then it will work ok.

I haven't used an image map in years, but the image I'm using is a circle made up of circles and slicing wouldn't work.

Great contribution!! I Love it!! I'm a new member of this community, and I'm from Italy, I have a couple of question: is there a way to change wording in the lightbox? I'd like to translate "page x of y" into italian, and the other question is, can I add a title/ caption to each image? A short description?
Thanks in advance

Sabrina

Hi Sabrina,

The answer to both of your questions is yes, although both require a little bit of programing.

Changing the "page x of y" into itallian is fairly easy. I will put the ability to do this in the next release.

The caption in the lightbox comes from the title text in the link, so you can set it to whatever you want. The hard part is that the text needs to come from somewhere. At the moment it is the name of the product. If you wanted it to be something else, that would probably mean modifiying the admin section and creating a new table in the database. It sounds like a lot of work, so I will probably steer clear for this one unless it seems like a lot of people want it.

banswidthjunkie:

Hi Sabrina,

The answer to both of your questions is yes, although both require a little bit of programing.

Changing the "page x of y" into itallian is fairly easy. I will put the ability to do this in the next release.

The caption in the lightbox comes from the title text in the link, so you can set it to whatever you want. The hard part is that the text needs to come from somewhere. At the moment it is the name of the product. If you wanted it to be something else, that would probably mean modifiying the admin section and creating a new table in the database. It sounds like a lot of work, so I will probably steer clear for this one unless it seems like a lot of people want it.

Thank you banswidthjunkie, I can wait for now, what I think could be more interesting is a decription of the pics!
But I can use it as it is for now. Thanks!