BackBox Image Viewer **Updated 25/06/11**

BaconFries · Post by **BaconFries** » Sat Jun 13, 2009 2:17 pm

Ok it looks like the author of the script no longer supports backbox

I am no longer supporting Backbox. Most of the questions have been answered already in other comments. Author of backbox script rupert olson

but I will still endeavor to get it working I think the issues are in the javascript I am not a js script writer but will try

I dont see any issues with the css... I got the conveyer to work in FF by placing it in a iframe so that it doesnt conflict with backbox script on same page....bear with me I look at it and if I cant I will let all know.

zinc · Post by **zinc** » Sat Jun 13, 2009 2:32 pm

BaconFries wrote:Ok it looks like the author of the script no longer supports backbox
I am no longer supporting Backbox. Most of the questions have been answered already in other comments. Author of backbox script rupert olson
but I will still endeavor to get it working I think the issues are in the javascript I am not a js script writer but will try I dont see any issues with the css... I got the conveyer to work in FF by placing it in a iframe so that it doesnt conflict with backbox script on same page....bear with me I look at it and if I cant I will let all know.

Sorry to butt in BF, Incase you overlooked my comment, do you think you might have a look at possibility of seeing if ALT text can be added to the control as well while you have the bonnet open so to speak?

Cheers.

BaconFries · Post by **BaconFries** » Sat Jun 13, 2009 2:40 pm

lol

sorry.....I ment to add that will be the easy part to fix while under the bonnet in fact it already got the spanners out and added this... I may have a solution to morgans problem with the text area I am going to make a demo and upload asap....

zinc · Post by **zinc** » Sat Jun 13, 2009 2:49 pm

BaconFries wrote:lol sorry.....I ment to add that will be the easy part to fix while under the bonnet in fact it already got the spanners out and added this... I may have a solution to morgans problem with the text area I am going to make a demo and upload asap....

As ALWAYS TOP DIAMOND!!!!

morgan · Post by **morgan** » Sat Jun 13, 2009 3:25 pm

When I go to the pub I always give the Bacon Fries a miss and plum for salt & vinigar, but I might just give them a go

. Thanks for the iframe tip, once you have a new download I will give it a go.

Thanks morgan

zinc · Post by **zinc** » Sat Jun 13, 2009 3:28 pm

Morgan, I looooove your avatar!!! It always makes me laugh when I see. Very clever!

BaconFries · Post by **BaconFries** » Sat Jun 13, 2009 6:44 pm

Ok issues with the stop/start not displaying fixed....was down to the png fix this was built into extension and will be removed in new download. When using extension in WB6 please disable this or the same problem will happen. The text overflow in FF I cant find a fix but I do have a work around.... what I have done is to place the text/description over the image with a transparent background, I done this in Fireworks but it can be done in any image editing software program of your choice take a look at how it looks....morgan this is only a alterative way as I cant find a fix ..
http://justtesting123.comuf.com/bbdemo/#location1

zinc · Post by **zinc** » Sat Jun 13, 2009 6:55 pm

BaconFries wrote:Ok issues with the stop/start not displaying fixed....was down to the png fix this was built into extension and will be removed in new download. When using extension in WB6 please disable this or the same problem will happen. The text overflow in FF I cant find a fix but I do have a work around.... what I have done is to place the text/description over the image with a transparent background, I done this in Fireworks but it can be done in any image editing software program of your choice take a look at how it looks....morgan this is only a alterative way as I cant find a fix ..
http://justtesting123.comuf.com/bbdemo/#location1

BF very elegant workaround!!!!!

Sorry did you say the new build is ready to download?

morgan · Post by **morgan** » Sat Jun 13, 2009 7:07 pm

Hi baconfries, nice workaround and alt tag, just one problem when I drag the page bigger it all goes out of shape. My monitor runs at 1680x1050 so plenty of room. Sorry to be a pain in the

. I am sure in a earlier demo this was sorted.

sneil69 I like my little man too, he does cheer you up.

BaconFries · Post by **BaconFries** » Sat Jun 13, 2009 7:34 pm

sneil the extension should be tested and uploaded later tonight I just discovered that I also had to remove the png fix code to sort the stop/start issue...along with the alt tag variable....

The demo is using old extension without the alt tag variable..although I have added the alt to the new one I still have to finish it and then test it in WB nothing hasnt been changed apart from adding the new main images and removing the png fix from html I cant test with your screen size but it should work ok wait till I release the extension and it you have problems let me know right it is time for a cool one .....

Eddy · Post by **Eddy** » Sun Jun 14, 2009 3:28 am

The text overflow in FF I cant find a fix

I changed the css a little for firefox if u use a lot text like morgan did.
Test this css with the code from sneil69.

Code: Select all

#lightbox{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #f7f6f1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px #CCC solid;
border-bottom:0px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	width: 0px;
	z-index: 0;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	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; }
#prevLink2, #nextLink2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#060;
	font-weight:bold;
         cursor:pointer;
         }

#imageDataContainer{
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #f7f6f1;
	height: 100%;
	border:1px #ccc solid;
border-top:0px;
margin:auto;
	}

#imageData{
	padding:0px 10px 10px 10px;
	}
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:11px; color:#666; max-height:20px; }
#imageData #numberDisplay{ display: block; clear: left; font-weight: normal; font-size:14px; color:#333; padding-bottom: 5px; }
#imageData #slideshowLink{ width: 55px; float: right; padding:5px 0px 0 0px;}
#imageData #bottomNavClose{ width: 55px; float: right; padding:5px 0px 0 0px; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 600px;
	background-color: #000;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

BaconFries · Post by **BaconFries** » Sun Jun 14, 2009 10:16 am

Hi Eddy thanks for this I have tried it with the code I have but now when it opens in lightbox the bottom area is too wide in IE7...but works perfect in FF. I have also changed the lightbox javascript to compensate for the change in the css but it still shows the bottom area to wide and with the change in the lightbox js when viewed in FF it distorts the image... I have tried to contact the author but he is no longer supporting the backbox I have read just about all postings in his blog looking for a fix...like you I have tried different thing to get this to work as it should but it giving me grey hair lol....right I am away to test some more....

Issue sorted with the above.... New download will follow shortly

morgan · Post by **morgan** » Sun Jun 14, 2009 2:16 pm

BaconFries if you do sort this I think it will be well used, have you seen how many people have looked at this post and stars original one. You could pop down the shop and get some just for men

BaconFries · Post by **BaconFries** » Sun Jun 14, 2009 2:40 pm

Afternoon morgan.....lol shhhh right after a few cool ones and help from Eddy I think it all sorted...I am posting a new download as I type this download and try... grab it at original posting

zinc · Post by **zinc** » Sun Jun 14, 2009 3:23 pm

BF, very nice will give it a shot tonight.

morgan · Post by **morgan** » Sun Jun 14, 2009 7:24 pm

Baconfries Fantastic news I will test it tomorrow morning, all my files for this site are at work. If the kids go to bed I might do it over logmein. I will put up a demo.

morgan

morgan · Post by **morgan** » Sun Jun 14, 2009 11:06 pm

Ok here we go,
I have placed BackBox on the page 4 times using 120x120 thums, some text on the first picture and three further pictures. It seems every thing is good except when you max the explorer or FF page. BB seems to move to a random place. BF you and Star have put so much into this can someone help. Here is my latest demo link.

http://www.schryver-restoration.com/tes ... age10.html#

The text in FF is perfect so dont change anthing there. On the whole this is a wicked extension just need to sort this position problem. Has it got anything to do with the original page size? this page is 994 x 776.

BF once again off for some ZZ, maybe catch up tomorrow.

BaconFries · Post by **BaconFries** » Sun Jun 14, 2009 11:44 pm

Hi morgan just looking in before I turn in too. I am viewing your page at
1024x768 which is equal to 994 x 776....and everything looks great in IE7, FF, Safari, Chrome, and Opera...all thumb images are postioned equal on page no overlaping none at far side etc...I am looking at your html now I dont think it should make any difference but try making the first thumb in extension Image1 slide, Image2 slide1, Image3 slide2, Image4 slide3....I cant say for sure but it may also be a conflict with conveyer I can only ask you to try placing in a iframe like I mentioned in other post and seeing if that helps...let me know I want to get this fixed as it is a great extension to have....

morgan · Post by **morgan** » Mon Jun 15, 2009 10:46 am

Morning, I have got two test links, on the first one I have changed the slide & picture ID's and removed the convryer. The second one I have removed everything except the 4 BB's and set the resolution to 770x600.
Still have the problem, it must be something I am doing?

http://www.schryver-restoration.com/tes ... age10.html#

http://www.schryver-restoration.com/tes ... age10.html#

Max the second link and see if it goes out of shape. I hope its just a setting my end.

BaconFries · Post by **BaconFries** » Mon Jun 15, 2009 9:51 pm

Evening morgan I have looked at both and the first link displays fine on my monitor the second link the top right image moves halfway behind the top left image... I have asked Eddy to take a look at it for me I will post asap his findings. Can I ask do you need to have as much text as you have I know it is going to be used for description etc but checking again in safari the text goes over the black overlay this may cause some users to complain if they are using safari as the browser such as macs. I have tried to fix this and it not possible Eddy has mentioned this too. As I have mentioned the author of this has stopped answering questions so I cant say if there is a fix or not... I will get back to you on this. I really want to get this sorted so I can say it is done and dusted for once and all.

morgan · Post by **morgan** » Mon Jun 15, 2009 10:04 pm

Hi BF, I checked with the site owners on the description length and they would like more, that multipart table sells for Â£10500 I think. I will keep it to a minimum and explain that you cant make it perfect in all browsers. I did the 770x600 with nothing else to help show the problem lets hope Eddy can help. I get a feeling the original author gave up because of these problems, maybe with you guys together it might get sorted.

Keep up the good work....

Eddy · Post by **Eddy** » Tue Jun 16, 2009 3:05 pm

Sorry Calum,I cannot find the problem with the overlay,I used different overlay codes but they dont work with larger images.

That one image moves is because in the page html is one div to mutch.

BaconFries · Post by **BaconFries** » Tue Jun 16, 2009 3:34 pm

Thanks for all you help Eddy as always it is appreciated so much...I guess it just cant be rectified easy and since the author no longer gives advice on backbox it probally wont get fixed soon ....anyway thanks again. Morgan sorry to say it looks like a bit of a lost battle

with this...I cant promise anything but I will keep at.

morgan · Post by **morgan** » Tue Jun 16, 2009 4:24 pm

Eddy wrote:That one image moves is because in the page html is one div to mutch.

Hi BF & Eddy, real shame its turned out this way. I just wondered what you ment by 'page html is one div to mutch' Eddy. Is this something I can change.

BaconFries · Post by **BaconFries** » Tue Jun 16, 2009 5:20 pm

Hi morgan you can try this...open the html that has your gallery on look for this
<img src="001_120.jpg" id="wb_Image1" alt="Thumbnail" title="Thumbnail" align="top" style= width="120" height="120"border="0"/>
</a>
</div>
</div>
</div>

Change to this
<img src="001_120.jpg" id="wb_Image1" alt="Thumbnail" title="Thumbnail" align="top" style= width="120" height="120"border="0"/>
</a>
</div>
</div>
there are four instances like this you will need to change each one by removing the last </div> try this and see if it sorts out the postioning on your page...
I have tried this myself and it makes no difference at my srceen settings 1024x768 I also changed the html page settings to 1650x1050 and view on monitor at 1024x768 and it shows ok .....do me a favour set you monitor to 1024x768 and view this
http://justtesting123.comuf.com/bbdemo/#location1 this has a html page set to 1650 you can view this in the source tell me how it looks at 1024x768 on your monitor

morgan take at look at this now not promising anything click on small image to revel larger image place mouse over larger to revel text overlay tell me what you think....
http://justtesting123.comuf.com/highdemo/

morgan · Post by **morgan** » Tue Jun 16, 2009 8:21 pm

HOLY MOLY it works

http://www.schryver-restoration.com/tes ... age10.html#

IE & FF took the last DIV out and it works.

Fantastic

Can that last DIV be removed from the extension or is it always a manual job.

BaconFries · Post by **BaconFries** » Tue Jun 16, 2009 9:17 pm

Yes it can be removed

morgan you dont have a email addy that I can send it to for you to try.....just incase it save you downloading etc etc and you can say whether it works or not....so I can finally do this

morgan · Post by **morgan** » Tue Jun 16, 2009 9:46 pm

Hi Baconfries have you had a few cold ones, I am having a little trouble understanding the last post

morgan · Post by **morgan** » Tue Jun 16, 2009 9:55 pm

Man I am so thick, you should be able to see it now.

BaconFries · Post by **BaconFries** » Tue Jun 16, 2009 10:01 pm

Hi morgan...yes the last </div> can be removed from the extension...so you wont need to remove manually... I was asking do you have a email address and I will send to you to test before posting. And if all fine and working then I will repost new download....and do this

morgan · Post by **morgan** » Tue Jun 16, 2009 10:12 pm

Just added MSN and email, will remove once done.

thanks

BaconFries · Post by **BaconFries** » Tue Jun 16, 2009 10:15 pm

Got it done and dusted........

morgan · Post by **morgan** » Tue Jun 16, 2009 10:49 pm

NO its not working?
This is with the latest extension
http://www.schryver-restoration.com/tes ... age10.html#

This is the one I manually removed the DIV
http://www.schryver-restoration.com/tes ... age10.html#

morgan · Post by **morgan** » Wed Jun 17, 2009 10:00 am

BF Yes Success it seems to work, I have put 8 BB on 1 page and everything is ok. If anybody can test this on other browsers that would really help before BF finishes the extension.

http://www.schryver-restoration.com/tes ... page9.html#

One last thing BF before you finalise it can the Thumbnail Alt tag and title be blank as default. This would be better if you dont need to use it.

Hope you had a good day BF

BaconFries · Post by **BaconFries** » Wed Jun 17, 2009 4:54 pm

Hi morgan ok I take it all working as it should....I assume it was the second demo I sent that did the trick?

morgan · Post by **morgan** » Thu Jun 18, 2009 6:26 pm

Hi all, I think this extension is now perfect thanks to BF, here is a demo link

http://www.schryver-restoration.com/tes ... page9.html#

BF has updated the first post with a new download, let us know you get on.

BaconFries · Post by **BaconFries** » Thu Jun 18, 2009 7:53 pm

Hmmmm is it to early to do this......thanks morgan

zinc · Post by **zinc** » Thu Jun 18, 2009 8:03 pm

BaconFries wrote:Hmmmm is it to early to do this......thanks morgan

LOL BF Hats off to you for trying so hard. Well done! Quality work as always!

BaconFries · Post by **BaconFries** » Thu Jun 18, 2009 8:14 pm

Let give praise to Star the orininal author who spent time giving this to us in the first place...

morgan · Post by **morgan** » Mon Jun 22, 2009 4:47 pm

Hi BF & Star, I have removed all the test links and replaed the demo link. I think that this extension has great potential and hope this site will show it off. Well done to you both.

http://www.schryver-restoration.com/page10.html#

star57 · Post by **star57** » Mon Jun 22, 2009 10:55 pm

No, I started it, Baconfires is making it perfect. To those that know what went on. Thanks.

I am still making it back slowly and at Awe of the progress that Baconfries has made. It is no longer mine and all credit goes to him!

Again THANKs and Backbox is no longer mine. So Creidt is due to him>

Keith

BaconFries · Post by **BaconFries** » Tue Jun 23, 2009 12:45 am

Thanks Keith just wanted to pass some credit to you as you did start this great extension... Looks like it going as it should...just to let you know that how you made the backbox has helped me greatly to make a new version of the Highslide Mini Gallery extension which I will be releasing soon after testing. Good to hear you are getting back if I can say "normal" it takes time....but you will.

zinc · Post by **zinc** » Tue Jun 23, 2009 6:07 am

Keith good to have you back! You did start a fantastic extension and BF did his best and between you two you have a cracking one. I was saying to BF that only now I can see its full potential and already lined it up for a clients website and it really fits the bill. So welldone to both of you!!! Quality Work!

morgan · Post by **morgan** » Tue Jun 23, 2009 3:31 pm

Hi sneil69, I would like to see it once you use it, sometimes when you see things used by other people it can open your eyes.

Cheers

zinc · Post by **zinc** » Tue Jun 23, 2009 4:08 pm

morgan wrote:Hi sneil69, I would like to see it once you use it, sometimes when you see things used by other people it can open your eyes.

Cheers

OK Will do.

morgan · Post by **morgan** » Mon Jul 06, 2009 6:26 pm

Yer Thanks, we all need help sometimes.

morgan · Post by **morgan** » Thu Jul 16, 2009 4:26 pm

Hi BF, I see backbox is keeping you busy.

BaconFries · Post by **BaconFries** » Thu Jul 16, 2009 4:38 pm

Hi morgan as always lol ..... I havnt forgotting what you were asking about about with cylex-uk have got it to a point of working... will let you know more ....

BaconFries · Post by **BaconFries** » Wed May 12, 2010 3:25 pm

***Update 12/05/10*** New download available from the first posting

BaconFries · Post by **BaconFries** » Wed May 12, 2010 9:33 pm

www.wysiwygwebbuilder.com

BackBox Image Viewer Updated 25/06/11