Your Account / Forums / Easy FancyBox Pro / iframes/Spotlight

  • Author
    • December 22, 2014 at 10:47 am #4209


      Just purchased the pro version. How do I make an iframe pop up in a lightbox window?

      Its says to use fancybox-iframe for its link, please can you show me where I add this using a googlemap iframe example below (I had to take off the very first < so you can see the code)

      iframe width=”425″ height=”350″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”https://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=Oxford+Street,+London&aq=0&oq=oxford+street&sll=51.557209,0.127394&sspn=0.01142,0.032594&gl=uk&ie=UTF8&hq=&hnear=Oxford+St&t=m&z=14&ll=51.515417,-0.141251&output=embed&#8221;>View Larger Map

      Also, I have turned on the spotlight effect but cannot seem to see it on anything. Could you explain how this works

      Many thanks, great plugin


    • December 22, 2014 at 10:47 am #4210

      ok, Ive managed to get a website link to open up in fancybox by adding class=”fancybox-iframe” between the a and href. This works fine

      However when I apply the same to an iframe googlemap, the lightbox opens but is just a white screen. I hoped it was taken a long time to load but doesn’t seem to be loading. Any suggestions?

    • December 22, 2014 at 10:47 am #4224

      Hi, Google Maps are not allowed to be embedded (which is what an iframe does) but you can get a special iframe embed URL via the Google Maps share option. This URL can be used to display a Google Map in the lightbox in iFrame mode.

  • You must be logged in to reply to this topic.