Square pics in a grid but full format when popped up

[letsgofishing]

Hi there,
I'm doing a photographic portfolio site and wondered if there was a way to have all the images on the page as squares (so they align neatly) - but when you click the image to view it, it displays in its original proportions - be it landscape, portrait or square. Using WD10P.
Many thanks,
Mike

[Egg Bramhill]

Possible but not possible to centre within the grid.

DEMO

[letsgofishing]

You, Sir, are a scholar and a gentleman! - really appreciate your help.
One more question if I may - when any pic is a pop up - not related to my initial question, there is the option to dim the page while the pop up is open - is there nyn way to make the background plain black (or white)?
Hope you have a joyous and peaceful Christmas.
Mike

[Acorn]

You, Sir, are a scholar and a gentleman! - really appreciate your help.
One more question if I may - when any pic is a pop up - not related to my initial question, there is the option to dim the page while the pop up is open - is there nyn way to make the background plain black (or white)?
Hope you have a joyous and peaceful Christmas.
Mike

Add the following CSS to the page: Web Properties > Page > HTML code (head):

<style>
.highslide-dimming { opacity: 1; }
</style>

for all black.

<style>
.highslide-dimming { opacity: 0; background-color: rgb(255, 255, 255); }
</style>

for all white.

You can experiment with opacity values and colour tints.

Acorn

[letsgofishing]

Many thanks Acorn!

[letsgofishing]

umm, doesn't seem to make a difference - background behind the pop up stays around 50% grey - put the coed in the head section of the page...will persevere

[Acorn]

Had a further play. This works:

<script>
hs.dimmingOpacity = 0.95;
</script>


<style>
.highslide-dimming {
background: rgb(0, 255, 0);
}
</style>

Put in Page HTML code (head).

For pure black --> hs.dimmingOpacity = 1 && background: rgb (0, 0, 0)

Acorn

[gwpriester]

I would do it with pop up layers

[Acorn]

I would do it with pop up layers

The advantage HiSlide does offer is the slideshow aspect. Layering otherwise is what I would normally aim for.

Merry Xmas,
Acorn

[letsgofishing]

Had a further play. This works:


Put in Page HTML code (head).

For pure black --> hs.dimmingOpacity = 1 && background: rgb (0, 0, 0)

Acorn

Many thanks Acorn - perfect!