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.