Nabble - Shadowbox

Re: IE and jQuery Failing. All other browsers fine.

2008-10-09T01:07:03Z

If I might make a suggestion (or two) ... ?

You have set #shadowbox_title {display:none}

Try setting #shadowbox_title {height:0px} instead.

The reason being that Shadowbox expects the title to be present in some form or another and so tries to determine how much space it takes up. However, for some browsers (guess which ones!) getting the height, padding, etc, of a display:none element results in a parsed integer value of NaN ... which seems to be what is happening here.

My second suggestion would be to consider upgrading to Shadowbox v2 (you're running v1). Firstly, version 2 is improved (no surprises there); and secondly, it makes diagnostics and assistance a lot easier because most of the people providing such assistance(?!) will have moved on and no longer have the earlier versions available. (Indeed, you could even find that advice is being given that is either not relevant, or is misleading, because those giving it do not realize which version you are running.)

Re: SHadowbox referring to source not generated source?

2008-10-09T00:14:40Z

That's because Shadowbox caches its information.

init() tells Shadowbox to find all appropriate links (rel=shadowbox), cache them, and listen for them.

You then run jQuery script that changes those links, but you don't tell Shadowbox that they have changed!

All you need to do is tell Shadowbox to re-setup the link once you have changed it....

function showPic(url,title,descr,width,height) {
$("#maxImage").fadeOut("fast", function(){
var me = this, image = new Image();
$(image).load(function() {
me.attr({ src: url, width: width, height: height, alt: title }).fadeIn("fast");
Shadowbox.setup( $('#maxTitle').attr({ href: title }) );
}).attr({src: url});
});
}

Re: Remove scrollbar on HTML pages

2008-10-08T17:37:55Z

I tried this and seemed to have worked:

body {

overflow: hidden;

}

Re: Remove scrollbar on HTML pages

2008-10-08T17:22:30Z

Yes it's the ie6 browser I believe.
As I said there are hacks. You can find them via Google. But! why bother?

hth,
build

Re: Remove scrollbar on HTML pages

2008-10-08T16:35:10Z

Thanks for your comments.
I am trying to display a web page within shadowbox with no scrollbars,
For some reason when I am looking at this in IE 7 and firefox its fine.
Just IE 6 shows the scrollbars.

overflow: hidden;

Just doesnt do it for some reason.

Slideshow progress bar

2008-10-08T16:27:53Z

G'day All,
I have had a request to put a clock on the slideshow so users can see when the next image will display. they are looking at motorbikes and if they find an interesting bike they stop and drool over it. I thought an unobtrusively colored progress bar might be easily integrated. Perhaps between the image and the info bar?

Any other suggestions?

Can anyone give me the requirements and a pointer where to start?

Thanking you in anticipation,
build

[OT] Alternate sizing of images.

2008-10-08T16:12:57Z

G'day All,
I've had a number of requests on one of my sites for larger images however a number of members are on dial-up and that would slow down their browsing too much. I do however want to keep everyone happy.

There's obviously a number of ways to provide a larger image option and I thought you blokes may be the best to ask as you'll have probably seen it all, the weird and the wonderful so:
What are your suggestions?

Thanking you in anticipation,
build

Simply can't get it to fire (solved)

2008-10-08T12:05:41Z

I've been wrestling with this for several hours now and can't figure it out. I'm trying to open an html file (hosted on my server) in an iframe. When I click the link, the file opens in a new page (Shadowbox doesn't fire at all).

Here's the setup:

<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="scripts/shadowbox-jquery.js"></script>
<script type="text/javascript" src="scripts/shadowbox.js"></script>

<script type="text/javascript">

</script>

And the link:

a class="option" href="events/highschool_1.htm" rel="shadowbox;width=400;height=200">October 15</a

This is really driving me nuts. Thanks for any hints.

I needed to call Shadowbox.init(); instead of Shadowbox.init;

Re: Reload page on closer of shadowbox

2008-10-08T11:38:47Z

I created a function that I can call when I click a 'close' button or link.

function closeShadow(){
var Shadowbox = window.parent.Shadowbox;
var loc = window.parent.location;
window.parent.location = loc;
Shadowbox.close();
}

Re: Remove scrollbar on HTML pages

2008-10-08T06:41:33Z

If I'm not mistaken that's an ie thing.

There are hacks. Try googling "css no scrollbar in ie"
But why bother for a few pixels?
hth,
build

Re: IE and jQuery Failing. All other browsers fine.

2008-10-08T03:30:07Z

Sealed my fate how so? You're offering suggestions regarding CSS. I know the CSS and the CSS is solid. it's the javascript that is failing in IE. CSS should have nothing to do with it.

Re: IE and jQuery Failing. All other browsers fine.

2008-10-08T03:11:44Z

At least they work.

I think you just sealed your fate.

Good luck with it.

regards,
build

Re: IE and jQuery Failing. All other browsers fine.

2008-10-08T02:42:47Z

The CSS for the shadowbox has been stripped in an effort to find the issue.

The shadow box loads in FF even if it doesn't appear correctly. The point is it loads. It won't even load in IE. A new page is opened in IE.

At this point I don't care two bits about how it actually looks. I just want it to function in IE, then I'll refine appearance.

Be aware, I'm no newcomer to web design. Been doing it several years. I fully understand CSS and xHTML as well as php and javascript. The issue is I don't fully know the shadowbox coding and since it's packed it's difficult to translate.

Has shadowbox EVER worked in IE with jquery?

Perhaps I should simply look into highslide, thickbox, or litebox and alter those packages. At least they work.

Re: IE and jQuery Failing. All other browsers fine.

2008-10-08T02:21:31Z

G'day Enmity,
It's not working in Firefox either. Shadowbox loads bit I can't see much and it's hopelessly dark. There are a number of errors on the page and it would take too much time to sort out so sorry I can't help till you clean it up. May I suggest you use the std shadowbox, then change one item at a time till you find the error, yes that will take *you* a while. Best of luck mate.

cheers,
build

Re: IE and jQuery Failing. All other browsers fine.

2008-10-07T18:28:06Z

I appreciate that, but please look again. That has been changed. I can only assume you looked at a cached page. I, of course, changed and tested it before stating that is not the issue.


#shadowbox_body{
	position:relative;
	overflow:hidden;
	margin:3px;
	padding:0;
	border:1px solid #333;
	}

Shadowbox still fails in IE.

Re: IE and jQuery Failing. All other browsers fine.

2008-10-07T18:23:11Z

Enmity,

#shadowbox_body{
position:relative;
overflow:hidden;
margin:3px;
padding:0;
border:4px solid #444; <THIS IS THE PROBLEM
}

hth,
build

Re: IE and jQuery Failing. All other browsers fine.

2008-10-07T17:40:34Z

I had changed that line. However, changing it back to border: 1px solid #333; results in no change.

http://www.killsign.com/dev

Thanks for the suggestion. It doesn't appear the be the issue though. Still no shadowbox in any version of IE.

Re: IE and jQuery Failing. All other browsers fine.

2008-10-07T16:57:01Z

G'day Enmity,
I reckon it's in the css.
Have you changed this line in
#shadowbox_body {
..........
border: 1px solid #333;
..........
}
If so try changing it to the above.

hth,
build

Re: Remove scrollbar on HTML pages

2008-10-07T16:18:15Z

Hi,

I also looking to remove scroll bar and added the below:

#shadowbox_content.html {

height: 100%;

width: 100%;

overflow: hidden; /* make html content scrollable */

}

But for some reason when I look at this using IE 6 the scrollbars still appear.
Any ideas ?

Re: Load an image gallery from an iframe ?

2008-10-07T12:04:13Z

I have read the FAQ and i did not find any complete code to launch an IMAGE GALLERY from an iframe (there is some code for a single link, though).

By the same way, i have to mention the main page suffers from a lack of iframe example for a single link too !

Re: IE and jQuery Failing. All other browsers fine.

2008-10-07T07:14:41Z

Anyone?

Re: I need a function in shadowbox.. can someone help me ?

2008-10-07T07:02:48Z

ok that works. but ive to write it to every picture.. thats too comlicated for the users that later upload some gallerys.

isn`t there a way to implement this function in the plugin ? that it is in every shadowbox on my site ?

greets kin!

SHadowbox referring to source not generated source?

2008-10-07T06:23:27Z

Hello Shadowbox people,

I've only been using Shadowbox for a little while but it's already turning out to be absolutely awesome - far superior to any other media gallery.

I have a slight problem regarding changing the link with javascript and shadowbox opening the original link.

I have a live example here http://www.henryhoffman.com/web-design.html.

As you can see, the top three thumbnails replace the larger image with a new one and change its href to a new link. Seemingly shadowbox can't keep up as it doesn't open the new link, only the original.

I'm starting to panic a little bit and am thinking that maybe it's not compatible at all?

Any help would be heartily appreciated!

Re: google maps & media embed

2008-10-07T00:20:47Z

Pixel,
Then it's a well prepared doc the satellite link works! If I am not mistaken you are mistaken.
I'll be trying it in a few days, so if you can wait.
Here is the link to the embeded map:
http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAl9cpfw69cLkrXP2Twqd_WRQlJUWJBX1_MH5CCmfsGz8ZlG5tEBSm26uqRds3eVGiKaHezXv2fm1woQ"
hth,
build

Re: google maps & media embed

2008-10-07T00:08:31Z

Obviously I did, but the code there refers to an already prepared doc instead than the original Google map...
unfortunately

thanks for your post

Re: Changing Toolbar alignment

2008-10-06T21:54:30Z

I wonder if in the months since this was posted.. anyone found a customization to change the alignment of the toolbar?

Thanks

Re: I need a function in shadowbox.. can someone help me ?

2008-10-06T21:03:20Z

Kin,
That's not javascript it's html.
HTML would (in my opinion) be the easiest way to impliment your request.
I've put up an example in the first image here:
http://www.ariel.org.au/gallery.php?dir=gallerytest&page=page1
Note the download link in the caption at the bottom.
View the source to get the code.

hth,
build

Re: I need a function in shadowbox.. can someone help me ?

2008-10-06T20:18:33Z

hi htizo!

as i sayd iam a noob in java script. i have no idea where i have to paste the lines u wrote me.. :/

but it is important for me that the function will be intigrated in the plugin and must not wrote in every site with a new gallery.. becouse other persons without knowledge of php/html will upload pictures later on the site..

sry 4 my bad english.. it is 5 o clock in the morning Oo

greets kin

Re: Load an image gallery from an iframe ?

2008-10-06T20:07:31Z

G'day Lee,
Have you read the FAQ here?
http://www.mjijackson.com/shadowbox/doc/faq.html

There is "Question: How can I open Shadowbox from inside an iframe?"

hth,
build

Re: I need a function in shadowbox.. can someone help me ?

2008-10-06T19:50:44Z

G'day Kin,
I have no idea wether this will work or not, I have not tried it but give it a go and let us know.
[example might not display in forum well, so take out spaces before the a]
< a rel="shadowbox[gallery]" href="/pathto/images/001.jpg" title="This is a caption. <ag:formatted><a href='/pathto/images/001.jpg' target='_blank' > Download Image </a></ag:formatted>"></ a>
fingers crossed,
build

I need a function in shadowbox.. can someone help me ?

2008-10-06T19:36:32Z

Hi!

I´am using Shadowbox for a gallery on a Website iam working at.
Now i need a function.. when the shadowbox with the picture pops up..and when you click on it.. it pops up in a _blank window in full size...

I need it that way becouse the gallerie is in a 400px high iframe, where the pictures are shown very small.. :/

Sorry iam a noob in Java Script.. can someone help me with the code ? i dont get it..... :/

thx kin

Re: google maps & media embed

2008-10-06T18:47:45Z

G'day pixel,
Have you tried the example on this page?
http://www.mjijackson.com/shadowbox/index.html
it's towards the bottom of the page under "Web".

hth,
build

FAQ suggestion

2008-10-06T18:29:39Z

G'day all,
Could I suggest a "sticky" thread that stays at the top with FAQ's like the IE problems, don't change the "border: 1px solid #333; " in #shadowbox_body, etc, etc. As there seems to be a lot of similar questions being asked and I could not find a comprehensive FAQ on the web.

Thanks in anticipation,
build

Start ShadowBox with Slideshow Paused

2008-10-06T18:11:40Z

I noticed a number of posts wanting this feature but no resolution and as I've found the answer for my own purposes I thought I'd pass the solution on. And also request a new feature of a slideshowState option.
---------------------------------------
TO GET SHADOWBOX TO OPEN WITH SLIDESHOW PAUSED
//In the shadowbox.js script
//Two lines of code need editing.
//Find:
//[var slide_timer;]
//Edit the line to;
//[var slide_timer = 'paused';]
//Find:
//Shadowbox.close = function(){
//Edit the line:
//[slide_timer = null;]
//to:
//[slide_timer = 'paused';]
---------------------------------------
worked for me but let me know if there's any bugs please.
hth,
beers,
build

Re: Adding a Description to Shadowbox

2008-10-06T18:03:43Z

G'day Skater,
Is this what you mean?
http://www.ariel.org.au/gallery.php?dir=gallerytest&page=page1
if so it's in the skin, I've zipped my skin.js and skin.css and you can find them here:
http://www.ariel.org.au/download/skin.zip

Just in case a newbie reads this here's the instructions
//CHANGE THE TITLE AT TOP TO CAPTIONS AT BOTTOM
//Two files require changes, skin.css and skin.js
//In skin.js find these three lines
//'<div id="shadowbox_title">' +
//'<div id="shadowbox_title_inner"></div>' +
//'</div>' +
//now they need to be moved in their entirity
//to below the line
//'<div class="shadowbox_clear"></div>' +
//AND the two following closing divs which look like this
//'</div>' +
//In my skin.js that is line 65.
//so when your finished the title div's
//are on lines 65, 66, 67.
//Then in skin.css find
//#shadowbox_title {
//change the height to your requirements mine was 74px;

hth,
build