Results 1 to 5 of 5

Thread: css3 grid images combined with responsive modal ?

  1. #1
    Join Date
    Jan 2009
    Location
    NH
    Posts
    673
    Thanks
    97
    Thanked 26 Times in 26 Posts

    Cool css3 grid images combined with responsive modal ?

    I've been using the CSS3 Grid Images - Fluid Scale, Responsive from Beverly.

    I was wondering if it's possible to combine it with the Responsive Modal Overlay/ Pop-up Image Viewer

    Is it possible to use this code with percentages like instead of making smaller images too, use the code but on the smaller images use 30% and on the larger images use 100%? Meaning I have say 50 photos and rather than resizing them all to be a smaller size for the image grid.

    but I want the smaller images in the gallery to popup lighbox ? in a window to view the larger images

    thanks in advance

  2. #2
    Join Date
    Jan 2016
    Posts
    23
    Thanks
    23
    Thanked 3 Times in 3 Posts

    Default

    What have you tried yourself? Somebody already did the hard part so all you need to do is put the pieces together. If you're combining the scripts, post a demo of your own attempt. It looks easy enough if you start with the grid page and copy in the parts for the modal popup.

    The grid works with any size images already thanks to background-size:cover in the CSS. And it looks like you can use any image in the modal popup. It could be the same as the grid images or any other.

  3. #3
    Join Date
    Jan 2009
    Location
    NH
    Posts
    673
    Thanks
    97
    Thanked 26 Times in 26 Posts

    Default

    Thank you

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    If you haven't yet done this yourself, here is a combined version: http://fofwebdesign.co.uk/template/_...-popup-rwd.htm
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. The Following User Says Thank You to Beverleyh For This Useful Post:

    mlegg (04-07-2016)

  6. #5
    Join Date
    Jan 2009
    Location
    NH
    Posts
    673
    Thanks
    97
    Thanked 26 Times in 26 Posts

    Default

    thanks Beverly

Similar Threads

  1. Replies: 4
    Last Post: 08-12-2015, 02:11 AM
  2. responsive grid help
    By jhatter in forum CSS
    Replies: 2
    Last Post: 04-16-2015, 09:03 AM
  3. Stick Responsive CSS3 Dropdown with lyouts Mega Menu ala Amazon "Shop by Department"
    By DD-Newbie in forum Looking for such a script or service
    Replies: 1
    Last Post: 02-20-2015, 08:52 PM
  4. responsive image grid?
    By mlegg in forum CSS
    Replies: 8
    Last Post: 09-24-2014, 04:57 PM
  5. beverly's Responsive Modal Gallery
    By auntnini in forum CSS
    Replies: 2
    Last Post: 05-13-2014, 09:51 PM

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
  •