Lightbox (I think)

  • I run a charity and have a lot of partners / sponsors. I want to recognise their contribution on my website but don’t want loads of text on a page so thought it could just add logos and then if visitors click on a particular logo, more information pops out, like on this page:

    I think it’s a lightbox effect but I can’t get any further than that! I’m not a web developer and don’t do code so is there an easy way of doing this? My WordPress site theme is Astra

    • This topic was modified 1 year, 9 months ago by James Huff. Reason: link moved to proper field

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    It’s not the original “Lightbox”, but it’s a similar modal concept. It appears to be a hand coded gallery script. The supporting image data is all contained in a separate HTML file and incorporated into a modal via jQuery script. It’s all managed client side, so you could copy all the relevant code and adapt it to meet your own needs. I don’t see any copyright or licensing info in the source code. It’d be a good idea to attempt to obtain permission to use their jQuery code if that’s what you want to do.

    There are many plugins that will help you implement a modal. Implementing your own bespoke solution needn’t be all that complicated. The examples don’t account for WP specific quirks. The main difference is CSS and JavaScript needs to be enqueued in WP, which involves a few lines of PHP code.

    The general idea is the modals are all part of the main page, but initially hidden with CSS. On a click event, JavaScript alters the CSS to make the related modal visible.

    Thread Starter mbwakali

    (@mbwakali)

    Thanks @bcworkz , I’ll try the plugins.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Lightbox (I think)’ is closed to new replies.

Tags