Thread: GreyBox and similiar...

Is anyone familiar with GreyBox or any app like it? I was trying to install and use on a page, couldn't figure out what I was doing wrong.

http://orangoo.com/labs/greybox/installation.html

Thanks for any possible help.

Mike

spikeslife.com (unpublished)

I looked at it and it seems alot like lightbox (which BV already has) only this seems faster and it has a bar on the top of the page.....

although collectors-info posted a better version of light box here:
http://www.vodahost.com/vodatalk/cus...ngle-page.html

Maybe we should have him look at this one.

This has got some real nice ways of grouping images/pages & much more. Will have to give us a day or so to see how it all works. Took me ages to find the java download file that makes it all work.lol
Thanks for posting, i will be back.

Chris.

If anyone can figure this out, well, have you ever dreamt of being a "Hero"? You'll move to the top of my list!

Thanks for the replies,

Mike

Hi, from what I can make out so far is not to hard to install? So I will put it in a few steps
Part 1
Is go to this page http://orangoo.com/labs/GreyBox & click on the download button at the top of the page.
You will get this folder as a download. GreyBox_v5_51\GreyBox_v5_51
Open this folder & you will see a folder called grey box. Upload this one folder to the directory you will have the page that is going to show your images.

Part 2.
Open your BV page & put this code below in the head area of the page, remembering to change the mydomain.com part to your own sites url.

<script type="text/javascript">
var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Part 3.
Go to this page http://orangoo.com/labs/greybox/normal_usage.html & choose which type/style of link you want to open the light box/grey box? & amend to your image urls. Then place in a BV html box.

Part 4.
Publish & test. (Wont work with BV preview. Must be from the server)

Be nice if someone can check this link
http://www.collectors-info.com/testing/greyboxtest.html & tell me if the header bar with the exit cross on, is outside the window.?? Seems to be fine in FF but not in IE? It seems to create a bottom scroll bar. Thanks!

Good luck.
PS. Nice thing I noticed is that you can group images with different links. So if you had a page full of images of men & woman, you can set the links up to have an image show of one or the other.

PPS.
Spike! I noticed you had a posting on Google for this. & noticed you hadn’t put your url in the head of the page.

It does create a side scroll bar in IE....
and you have to side scroll in order to get to the exit cross.

ps. I knew you could do this one. :)

pps. what do you think is the best method?

ppss. I am looking to use something like this for my product pics. is there any way to mouseover/mouseout on something like this?

http://www.dynamicdrive.com/dynamici...agetooltip.htm

That is almost exactly what I am looking for thanks

Is there any way to do this over a thumbnail and have the enlarged image have a greyed out background.

Thanks again.

You ROCK!

I didn't include URL because technically I don't have one. I haven't published yet (reason I couldn't get this to work?!), I was just able to transfer my domain as of today. Am waiting for that, and a few issues like this topic, which I really want to dress up my site.

I'll look forward to any other ideas you ome up with for this, and will inform when I'm ready to go LIVE!

Thanks again,

Mike

Oh, I'm a Sargeant!!!

Or a Sergeant? Either way, yippee!

See ya'll later.

Hi, simple problem solved with the header going wide in IE.
In the CSS file gb_styles.css Change the 100% header to 96% and all should be fine.
}

.GB_header table {
margin: 0;
width: 96%;
border-collapse: collapse;
}


Good luck.
http://www.collectors-info.com/testing/greyboxtest.html

Wow that looks great!!!

Good Job Chris

That is fantastic! I've gotten sidetracked with other parts of my monster (I'm beginning to feel like Dr. Frankenstein, an image from here, a script from there, I just hope it doesn't drown any children when I'm done!), but I can't wait to get back to the GB!

Thanks again,

Mike

Check out this site with GreyBox:

http://theturninggate.com/galleries/TTGGreyboxIndex/index.html


Mike

Yo, Collectors!

In implementing the GreyBox, I have one text link in which only the underline itself is linked, you must have cursor directly on line, not text, to engage link. Did you run across anything like this when you were testing?

Mike

Hi, have you a url. Havnt seen this happening.

hey collector,

I took another look at your test page posted on 08/29.
(hope you don't mind)

It looks like you have done some amazing things with this.
and it all loads really quickly.

great job, can't wait to see what else you can do with it......
if you'll be so kind to let us see. :)

collectors-info,

I have a few questions on your test of greybox if you could please help.

I want to use this to display my products 1 gallery just being the front and back of the item.

1) On the gallery images if you scroll down the page the image doesn't scroll with you only the top bar does.
But, on the google, youtube, and your album the whole thing scrolls with the page.
How do I make gallery images scroll with the page?

2) In your album the picture of the giraffe has a link under the picture.
Can I add an "add to cart" link or button like this to a gallery, if so how?

3) How did you add this to your thumbnail?

4)would I have to have a thumb nail or link on the page to show the second picture or could I show the second picture without having a link?

5) Is there a way to add a detailed description the the picture.
And, (if I can add an "add to cart" link or button) is there a way to add the description on the right corner of the image also?

I know I'm asking ALOT...
But, if you could answer these it would be a HUGE help.

Thanks in advance.

Hi,
1. The way the page is displays is via which choice of the type of link you use of these pages.
http://orangoo.com/labs/greybox/normal_usage.html
http://orangoo.com/labs/greybox/advance_usage.html


2. The photo album with the giraffe is a completely separate bit of software that is on its own page. This one is not a freebie. This will also relate to 3/4/5


Good luck.

Thanks for getting back to me... and doing it so quick.

I didn't really want the album I just wanted to add a link and/or description.....
But if I can't ohh well

I did look at these links prior to posting but all of the image types have the same problem with scrolling

also, I don't know how to add it to a thumbnail...
If I can't I'll just make them front/back links under the thumbnail I guess

Thanks again

Hi again Chris,

Had to go away for awhile (work, not prison), but back to that weird link. I have published the page for your viewing pleasure www.spikeslife.com/lounge.html , you'll see the link I'm talking about in the "Cocktail Corner" section, bottom, "Printable Version". I used the very same later in the page, in the article on the beer festival, it reads "Read Full Story", and it is fine! ????

By the way, since this is my first public preview of any part of my site, I would like to preface by saying this is first and foremost a hobby, something to keep me out of the bars (notice irony in content of first page published!), so my unorthodox style is mostly on purpose. I am planning on doing some optimization (hints welcome), and adding some adds etc., but if someday I can manage to break even on the small investment I've made, I'll be happy.

Thanks for your time, I look forward to hearing from you soon.

Mike

Also, I should have noted that it works normally in IE, not in FF. I noticed a very slow load in IE just lately, though I think it may be my machine??

Hi, just as a thought! Is the link “Printable version” in its own text box? It might ether want bring to the front Or just delete it & add it on farther down from the ***** juice text that is next to it at the moment. On the slow loading pages part. IE is slower than FF, but a few less images will certainly help.
LOL. on the bar part. I gave up smoking coming up a year ago, & one way to help was keep out the bars. So gave up drinking as well. I am now becoming a healthy miserable git. lol
Ironic thing is they have just banned smoking in pubs in the UK over the last few months.

Top of the morning Chris!

Something so simple! It is in a HTML box, and it was partially behind the text box with the recipe, DUH! Too many photos, huh? I did optimize most of them, can probably take a little more away. Any other impressions of the page as a whole? I know I probably should post in "View my site" or whatever it's called, but I'll wait till the whole shebang is done.

Much appreciated,

Mike

Chris can you or anyone please help?

I used Grey Box for my images....
Now viewed it on a different browser and it appears off to the left.

Is there a way to make the css and pop-up window "center in browser" ?

I'm lost on cascading style sheets

Help.....
Please

Originally Posted by PennieNPence

Chris can you or anyone please help?

I used Grey Box for my images....
Now viewed it on a different browser and it appears off to the left.

Is there a way to make the css and pop-up window "center in browser" ?

I'm lost on cascading style sheets

Help.....
Please

Hi, as with many scripts they will quite often only work in certain browsers. Its a bit like BV? There are many things & effects that don't work in Fire Fox, but are fine in IE.
I think, if you try to change the script for this grey box, you will not find it working in the browsers it is working with at the moment.
What's the other browser are you trying this in?

Chris,
Thank you so much for getting back to me so quickly
I'm sorry I didn't explain my self correctly.
It wasn't a problem with a different browser
The browser was still IE (which is the same as mine) the screen resolution was different
I was wondering if I could make it center in the browser so that the resolution wouldn't be an issue
Thanks in advance for any help you can give me.

Hi, can you post the page address so we can have a look?

Thanks again, sorry it's my site below:
www.penniesnpence.com

Sorry! i cant see where you are using the script on the page you left. www.penniesnpence.com ????

sorry here is a better one:

http://www.penniesnpence.com/Women-M...html#bookmark2

click on any of the "click here to enlarge" hyper links

thanks again

Thank you so much for helping:

Here is a URL that I used grey box:
http://www.penniesnpence.com/Women-M...html#bookmark2

grey box is on any of the "Click Here To Enlarge" Links

It still appears off to the left on different screen resolutions

I need the pop up window and the css to "center in browser" if that is possible

Thanks Again

Can anyone help....
Please :(

Hi,

Are you certain that you uploaded all the greybox files to your public_html, and put in a folder named greybox? I can't think of anything else. you might try:

Showing one page:

Syntax:

<a href="URL" title="CAPTION" rel="gb_page[WIDTH, HEIGHT]">HTML</a> Example:

<a href="http://google.com/" title="Google" rel="gb_page[500, 500]">Launch Google.com</a> It's a different rendering, but it works for me.

Originally Posted by mwalsh62

Hi,

Are you certain that you uploaded all the greybox files to your public_html, and put in a folder named greybox? I can't think of anything else. you might try:

Showing one page:

Syntax:

<a href="URL" title="CAPTION" rel="gb_page[WIDTH, HEIGHT]">HTML</a> Example:

<a href="http://google.com/" title="Google" rel="gb_page[500, 500]">Launch Google.com</a> It's a different rendering, but it works for me.

Thanks for the help

I went into the css sheet....
Basicly just kept trying different things...
The result isn't half bad....
It's not grey box anymore but it isn't that bad.

Thanks again