Resize & reposition enlarged image

[karlh]

I am struggling!  I have a number of images (680 wide 370 high), which I wish to show at a different location to the default centre.  Is there a way I could tweak the code to achieve this, please? Also, could I disable all the overlays?

thanks Karl

[Wizzud]

To display media off-centre you would need to change setDimensions().
There is one overlay, but what do you mean by 'disable' it?

[karlh]

Thanks.
By 'disabling' I mean the following:
On loading of the image to be enlarged a 'loading' icon appears. I wish to disable this, as with a fast connection, which is nowadays the norm, it appears as a mere flicker.. a little irritant..:-)
The 'closing' gif appears off to the right, as you can see on the attached pic. The background box does not enlarge, as shown at (1) and the gif is at (2)

Hope this will help and in the meantime I will tweak the setDimensions()..

thanks
Karl

[Wizzud]

If you want to hide the loading image, just change the css...

shadowbox_loading_indicator {background-image:none;}

If you also want to hide the text...

shadowbox_loading span {visibility:hidden;}

I don't quite follow your screenshot - is the blue-framed, white background, area that goes off the viewport in the RH bottom corner supposed to be the activated Shadowbox?
If it is, then you have something wrong somewhere, possibly no doctype?

I strongly recommend getting the web page to display correctly (ie. without tweaking!) first, before you decide that tweaks are necessary.


[Tip : Use Firefox with the EditCSS extension! (And Firebug, and Web Developer!)]

[You seem to be making a fairly sweeping assumption about the 'norm' of broadband prevalence, and an ideal world of low-load servers, low-traffic/high availability networks, etc? I would dearly love to make a similar assumption, that "no-one uses IE6 any more", but clearly I can't.]

[karlh]

Thanks.  I am actually using the 'original' lightbox.. Am searching for an alternative, where I could disable the elements that I don't want, such as the loading image, the opaque surround, etc.  My doctype is 'strict' and the original code worked OK. Although it always showed in the v/h middle and the same size.  You will see from the pic that I wanted a wider imager in a different location.

The white, blue bordered image is the enlarged 'close' image...

It would seem that ShadowBox has more features, so have downloaded it and will experiment over the weekend.

Your help is truly appreciated. I must add, that I had absolutely NO joy on duddletogether and other sites.
as ever
Karl

[karlh]

Well, as I said yesterday, I downloaded the complete zip file.  Unzipped and copied it, in its entirety, without any adjustments to my project root directory.  
When I ran the test, everything went OK, except:

1. When I ran the css_test.htm the page, the load image did not show.
  If found that line 128 '<img src"../images/loading.gif"... is incorrect.
 Using my DW, it should be <img src"../src/skin/classic/loading.gif"..
Then, the load showed OK, but nothing else - the screen remained black, whilst the load spined.

2. when I ran the transitional_test the thumb opened at top of page, the enlarged image opened at top left of the screen, in a new window..

What adjustments should I make to these files to ensure that they works,and I understand why,  before I use them elsewhere, please?

regards
Karl