Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    877

    Default 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

  2. #2
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    22,090

    Default Re: Square pics in a grid but full format when popped up

    Possible but not possible to centre within the grid.

    DEMO


    Attached Files Attached Files
    Egg

    Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor
    + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #3
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    877

    Default 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

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Info Re: Square pics in a grid but full format when popped up

    Quote Originally Posted by letsgofishing View Post
    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    877

    Default Re: Square pics in a grid but full format when popped up

    Many thanks Acorn!

  6. #6
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    877

    Default 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

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: Square pics in a grid but full format when popped up

    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  8. #8
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,650

    Default Re: Square pics in a grid but full format when popped up

    I would do it with pop up layers
    Attached Files Attached Files

  9. #9
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: Square pics in a grid but full format when popped up

    Quote Originally Posted by gwpriester View Post
    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  10. #10
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    877

    Default Re: Square pics in a grid but full format when popped up

    Quote Originally Posted by Acorn View Post
    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!

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •