Press Page Ideas > Media Gallery with lightbox?

Hi Muffin, 

I know this is far-fetched but just trying. 

I need to create a page that mentions all the "Press Coverage" we've had. The idea I have is the following: 

Page looks like picture: 
Image with black logo of the media on top
ON Hover > logo changes color 
When click> opens a lightbox with the article in question. 

Any idea how I could do this? I'm going a bit nuts. 

I understand the hover can be easily done by just creating 2 same images ( 1 with black logo // 1 with yellow) but I have no idea how to do the rest. 

I know it's not normal that people ask you this, but do you have any idea how? 

image

Comments

  • Do you mean this logo http://prntscr.com/iuxtde
    or the ones below?
    thanks
  • I meant the ones below. 

    So basically those three, are mentions in three different magazines. 

    The idea is that when I hover, the logo turns yellow ( Like the Playboy example) 

    And that when I click, a Lightbox opens with the article 

    My problems are the following: 

    - How to have a second featured image when hovering. 
    - How to have a lightbox open with an article ( when the "click-on" image is not the same as the lightbox image?

  • I have a sollution for you, it is not so easy but here it is:
    I used a hover box item: http://prntscr.com/ivahhy and a column item
    In the hover box item I have set two images, a link to my custoid (you can name it whatever you want)
    Also set the lightbox target. http://prntscr.com/ivahyj

    In the column item paste this:
    <div id="customid" style="display:none">CONTENT HERE</div>

    So the id has the same name as in the hover box link field and you can paste any content you want into the DIV
    thanks
  • THAT IS PERFECT! 

    So basically what I did is just create a Hover Box with link to the media file. And it creates exactly what I need. 

    Instead of creating the CustomID column, If I just create a LINK to the media file URL, and make it appear in a lightbox, it works perfectly! 


    THANK YOU SO SO SO SO SO MUCH! saved my life right now! 
  • Yes you can paste a link, but if you would like to display text or a contact form, then you can use the <div> method.
    cheers
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.