Fancybox from a Fancybox

  • Resolved dpope0824

    (@dpope0824)


    8 years, 1 month ago

    Hey there RavanH, have another fun question.
    How would I go about opening a fancybox containing a vimeo link from within another fancybox. Such as

    <div style="display:none" class="fancybox-hidden">
<div id="somename">
<p> Some Text <a class="fancybox-vimeo" href="vimeo.com/somevimeolink">Some more text</a></p>
</div>
</div>

<a href="#somename">some text</a>

    Any help would be greatly appreciated.

Viewing 12 replies - 1 through 12 (of 12 total)

  • Hi, yes that should work. If not, please share a link to your site and I’ll take a look.

    Thread Starter dpope0824

    (@dpope0824)

    This is on a local development environment that I cannot open to the public. The fancybox is being called as in: when the href=””>some text is clicked it will close the previous fancybox and open a new one but the vimeo video is not loaded into it.

    ‘<div id=”fancybox-content” style=”border-width: 10px; width: 500px; height: 281px; opacity: 1;”>
    <iframe id=”fancybox-frame” name=”fancybox-frame1485524943427″ style=”border:0;margin:0;overflow:auto” src=”https://player.vimeo.com/video/154299754?&#8221; allowfullscreen=”” tabindex=”999″>
    #document
    <html><head></head><body></body></html>
    </iframe>
    </div>’

    This is what the secondary fancybox code ends up looking like

    Original code not including a href #bioPopup_1

     <div id="imgdiv1" class="Fred_Bourland">
                 <img id="img1" class="people-thumb" src="/wp-content/uploads/2017/01/photo-Fred-Bourland.jpg"  />
                 <div><p>Fred Bourland</p></div>
    </div>            

    <div style="display:none" class="fancybox-hidden">
	<div id="bioPopup_1" class="bioPopup" >
        <h2>Fred Bourland</h2>
		<img src="/wp-content/uploads/2017/01/photo-Fred-Bourland.jpg"   />
		<p><b>Keiser, AR<br/>Inducted: 2015</b>
        <br/><br/>
        It has been said that Dr. Fred Bourland likely understands the cotton plant and how it grows better than any other cotton breeder. This understanding has enabled him to develop a number of plant measurements and techniques, many of which are now being used by other cotton breeders as well as cotton scientists in other disciplines.

In addition to developing and releasing more than 80 cotton lines (germplasms and cultivars), Bourland has also cultivated interest and excellence among his students at universities in Arkansas and Mississippi. Notable among Bourland’s developments is combining the desirable characteristics of high yield and early maturity with high quality fiber. 

        </p><p class="play-video"  >
        Dr. Bourland discusses his role in the development of new cotton varieties.<a href="https://vimeo.com/154299754"><img src="/wp-content/uploads/2017/01/play.jpg"></img></a>
        </p>
    </div>
	</div>
    Thread Starter dpope0824

    (@dpope0824)

    Just realize I posted what I was messing with, the vimeo video anchor tag does have the class=”fancybox-vimeo” included.

    Do you not have Vimeo auto-detection activated? If not, then indeed you need to add the class “fancybox-vimeo” manually. Otherwise, the plugin should be able to detect the link on its own…

    Thread Starter dpope0824

    (@dpope0824)

    I do have auto-detect on but have gotten in the habit of still adding the classes to items as a backup….is that wrong?

    No not wrong at all. I’m just surprised that apparently the auto-detect is not working.

    Will need to test this…

    UPDATE: tested on my own test site but cannot reproduce the issue.

    Thread Starter dpope0824

    (@dpope0824)

    I am quite good at breaking things. Am also having my video people triple check the vimeo permissions. If you need anything that isnt access to the site I would be glad to give anything.

    The URL that you gave in your earlier post, https://vimeo.com/154299754 shows me a “not found” page. Maybe that’s the problem?

    Thread Starter dpope0824

    (@dpope0824)

    We have permissions set on a site by site basis. All of the videos are private unless linked to from certain url’s. The video people are assuring me the videos have permissions to be viewed from the development site I am linking from. I just checked on it myself and they do.

    Thread Starter dpope0824

    (@dpope0824)

    When I do an insert from URL on any page or post the video is being displayed.

    And what if you try with any public video? See for example https://demo.status301.net/easy-fancybox-sandbox where the word “anything” (second sentence) is linked to a Vimeo page…

    Thread Starter dpope0824

    (@dpope0824)

    So it turns out I had to remove the class=”fancybox-vimeo” and also had to add the https:// to all of my href tags. Thanks. As always you are a huge help.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Fancybox from a Fancybox’ is closed to new replies.