Square pics in a grid but full format when popped up
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
1 Attachment(s)
Re: Square pics in a grid but full format when popped up
Possible but not possible to centre within the grid.
DEMO
Re: Square pics in a grid but full format when popped up
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
Re: Square pics in a grid but full format when popped up
Quote:
Originally Posted by
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
Add the following CSS to the page: Web Properties > Page > HTML code (head):
Quote:
<style>
.highslide-dimming { opacity: 1; }
</style>
for all black.
Quote:
<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
Re: Square pics in a grid but full format when popped up
Re: Square pics in a grid but full format when popped up
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
Re: Square pics in a grid but full format when popped up
Had a further play. This works:
Quote:
<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
1 Attachment(s)
Re: Square pics in a grid but full format when popped up
I would do it with pop up layers
Re: Square pics in a grid but full format when popped up
Quote:
Originally Posted by
gwpriester
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
Re: Square pics in a grid but full format when popped up
Quote:
Originally Posted by
Acorn
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!