Fancybox/ / lightbox pop-up for .html-file

10 posts from 2 voices

• Started 2 years ago by Wous
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Wous
   Member

   Hi,

   First of all, great theme! I really love the wide range of possibilities.

   I would like to know if it's possible (and if so, how) to have a .html of .htm-file or a webpage page open in a frame or iframe. I know there's a couple of Wordpress plugins like Fancybox for Wordpress or Advanced Fancybox that normally does the trick, but they don't seem to work well within this theme.

   Hope there's a way to do this.
   Thanks!

   Posted 2 years ago #
2. 

   Dude
   Dude

   Hey,
   you can use prettyphoto to display your html page. Use this sample code:
   

   <a href="http://www.google.com?iframe=true&width=400px&height=400px" rel="prettyPhoto[iframes]" title="My page">My html template</a>

   Instead of google.com use the path to your html file. Then change width + height as you like and change the title.

   Posted 2 years ago #
3. 

   Wous
   Member

   Hi, that indeed does the trick.

   Thanks!

   Although one more question: is there a way to remove the buttons (back, forward and play etc.) at the bottom of the box? Because I don't want to open the html files as a gallery.

   Posted 2 years ago #
4. 

   Dude
   Dude

   Add following code to custom.css - it's located in the folder "css".
   

   .autoslidecontrolls{
   display:none;
   }

   Posted 2 years ago #
5. 

   Wous
   Member

   Thanks for your reply, but it doesn't seem to work. Anything else I can try?

   Regards.

   Posted 2 years ago #
6. 

   Dude
   Dude

   Hey,
   can you post a link to your website. The code I provided above worked for me so we need to investigate your css first hand.

   Posted 2 years ago #
7. 

   Wous
   Member

   Sure. It's a Dutch website, and still under construction, but if you go here:

   http://test1.adviesburopompoen.com/vacatureplaatsing

   and click on any of the globes below, you'll get the pop-up and the slideshow controls are still there.

   Thanks.

   Posted 2 years ago #
8. 

   Dude
   Dude

   Yes, I gave you wrong instructions first (thought you refer to the slideshow on the top). To remove the lightbox controls add following to custom.css:
   

   .pp_nav{
   display: none !important;
   }

   Posted 2 years ago #
9. 

   Wous
   Member

   This one works indeed. Thanks!

   Posted 2 years ago #
10. 

    Dude
    Dude

    Glad that I could help you :)

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.