Greybox Browser Image ***14/05/11***

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Tue Aug 03, 2010 10:14 am

Hi Nigel OK first question....
NigelShaw wrote: On your extension baconfries, you see the image in the design screen. How do you do that?
Answer
Design time rendering use "Live HTML rendering"

Second question....
NigelShaw wrote: How do you get the image to stay in the place you put it in the design window? Mine keeps going to the top left of the screen.....
Answer
General uncheck "Use DIV container" we need to add a new <div></div> to the HTML and add a variable/property this is from the GB image so we can use Image1, Image2, etc etc...
<div id=" wb_$imageid$" style="overflow:hidden;position:absolute;left:$LEFT$px;top:$TOP$px">
<a href="$website$" title="$title$" rel="gb_pageset[search_sites]">
<img src="$image$" alt="$alt$" id="$imageid$" border="$bsize$" style="width:$width$px;height:$height$px;border:$bsize$px $color$ $style$;z-index:$z-order$"/></a>
</div>

Hope this helps...

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Tue Aug 03, 2010 5:16 pm

Hi BaconFries,

i have a question regarding the Greybox. When i add your extension and preview it, it works fine. When i add mine, it doesnt work at all. if i add yours onto the page where mine is, mine works and then if i remove yours, mine stops working again.

when i test my extension in the builder, it works fine.

when i check the preview folder in 'temp' on your extension, the greybox files are there. when i check the same folder on my extension, its empty!

any ideas?

i have included all files in the correct way using the builder....


thanks


Nigel

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Tue Aug 03, 2010 5:53 pm

Hmm hard to say.. if you want I can take a look at it see what may be wrong you would ned to upload it somewhere like mediafire and I will view it ...

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Tue Aug 03, 2010 7:54 pm

Hi

I'll upload it first things bacon along with the prettySociable extension I made.

Cheers pal


Nigel

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Wed Aug 04, 2010 2:03 pm

Hi BaconFries

here is the source file for my version of Greybox extension

http://www.mediafire.com/?za723k8v02x93ii


thanks for looking



cheers,

Nigel

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Wed Aug 04, 2010 2:42 pm

Will get a look at this for you later this evening and let you know..

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Wed Aug 04, 2010 10:18 pm

Hi Nigel ok got a look and I can see what is wrong it probally might be easier to explain via a email I can post here what I see to be wrong if you prefer.....

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Wed Aug 04, 2010 10:32 pm

Hi BaconFries

I think I figured it about 5 minutes ago.

The embedded files had been moved so they weren't available when published. I updated the file locations and currently it's working.

Is that what you found?


Cheers


Nigel

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Wed Aug 04, 2010 10:41 pm

No I found that you hadnt used the same HTML and also found double code that may cause errors...

This is how I use mine using the (rel="gb_pageset[search_sites]")
<a href="$website$" title="$title$" rel="gb_pageset[search_sites]">
<img src="$image$" alt="$alt$" id="$imageid$" border="$bsize$" style="width:$width$px;height:$height$px;border:$bsize$px $color$ $style$;z-index:$z-order$"/></a>

If you look at yours you will see that you are calling two (rel="gb_page_center[1200, 650][search_sites])
<a href="http://www.google.com" title="Google" rel="gb_page_center[1200, 650][search_sites]">
<img src="images/shop-aveda-logo.gif" alt="tester" id="$imageid$" border="0" style="width:170px;height:48px;border:$size$px #000000 dotted;z-index:0"/></a>

Were it should be
<a href="http://www.google.com" title="Google" rel="gb_page_center[1200, 650]">
<img src="images/shop-aveda-logo.gif" alt="tester" id="$imageid$" border="0" style="width:170px;height:48px;border:$size$px #000000 dotted;z-index:0"/></a>

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Thu Aug 05, 2010 2:03 am

Hi BaconFries

I couldn't find the code :(

When I looked at the HTML in the source extension, there was only 1 line of code. I can only think I posted an older one with trials. Mine works fine now ( well nearly fine )

In some instances, I can add the extension to the web page it see it clearly but, when I preview it the image flashes then disappears.....

As soon as I have this bit fixed, I'll post it up with the selectable versions



Cheers

Nigel

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Fri Aug 06, 2010 6:54 pm

Hey Bacon

There is a snag with both yours and my extension. On my page I have a standard navigation menu horizontal with White text and clear background. When the greybox is used, the menu appears on top of the greybox screen. I can't get rid of it so wondered what nay be causing it.

Any ideas?

Nigel

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Fri Aug 06, 2010 9:46 pm

Hi Nigel hmmm just checked my version with a transparent menu and it seems to be ok...I did try yours and the menu does appear on top of the lightbox....Now if I add my version to page and add yours then both work as they should the overlay covers the menu...

But f I add yours to page first then mine and test then the menu gets place on top of the overlay...with both images

I have uploaded two demo urls made of your version and mine
I have added the same rel="" for both just to show them working using exactly the same properties... if you take a closer look at my extension version you will see that I have added a property for increasing the index order so that you can bring the overlay to the top so that it covers anything like menus images etc etc were in your version you dont have this option to increase the z-index order...

BF
http://justtesting123.comuf.com/bf/index.html
NS
http://justtesting123.comuf.com/ns/index.html

NigelShaw
 
 
Posts: 42
Joined: Fri Feb 06, 2009 1:01 am
Location: Leicester

Post by NigelShaw » Fri Aug 06, 2010 10:32 pm

Hello mate

What's the missing setting? I've looked at your extension vs mine on page source and I see an extra line but nothing that resembles the settings for Z order. I added the line so it looks just like yours but my menu is still on top....

Cheers


Nigel

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Sat Aug 07, 2010 12:53 am

Hi Nigel download and replace the gb_styles.css in the extension with the modified one in the zip file...I had forgotten that this was modified till I looked at your files in preview folder.... :oops: and saw the lower z-index settings...credits go out to Eddy for this mod as he provided it last year when I made all the greybox extension then....

http://www.mediafire.com/?zivyb9o5phv8svs

User avatar
BaconFries
 
 
Posts: 4713
Joined: Thu Aug 16, 2007 7:32 pm

Re: Greybox Browser Image ***21/10/10***

Post by BaconFries » Thu Oct 21, 2010 7:19 pm

21/10/10
***Update New Build For WB7 only****

Post Reply