Forums Easy FancyBox Pro iframes/Spotlight

This topic contains 2 replies, has 2 voices, and was last updated by  RavanH 4 years, 5 months ago.

  • Author
  • #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”>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


  • #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?

  • #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.