StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POUsing fancybox to open a gallery that contain embedded youtube videos
primarykey
Id
5443574
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2011-03-26T16:17:24.333
FavoriteCount
0
LastActivityDate
2014-01-23T06:29:56.423
LastEditDate
2017-05-23T12:11:53.793
LastEditorUserId
-1
OwnerUserId
457507
ParentId
0
PostTypeId
1
Score
2
ViewCount
5202
LastEditorDisplayName
text
Body
<p>I need to have a link on my web page that says 'videos' and when it's clicked a fancybox gallery opens with the first of 1 or more videos displayed. Does anyone have an example of how to do this? </p> <p><a href="https://stackoverflow.com/questions/2542252/open-youtube-video-in-fancybox-jquery">This stackoverflow post</a> explains clearly how to open a window with one Youtube video. I'd like to open a gallery with 'next' and 'back' buttons to navigation between the videos. </p> <p>Here's some code I have to open one div with an iFrame, for example. I obviously need to update the "id" of the div containing the video to be use "class" so I can have multiples. But I don't get how to change the href to then know what to load. Changing it to ".myVid" doesn't work.</p> <pre><code>$("a#myTest").fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600, 'speedOut': 200, 'overlayShow': false, 'type': 'inline' </code></pre> <p>});</p> <pre><code><a id="myTest" href="#myVid" rel="group1">display video gallery</a> <div style="display:none"> <div id="myVid" rel="group1" style="height: 400px;" ><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/9QrFa3tDwvY" frameborder="0" allowfullscreen="true"></iframe></div></div> </code></pre> <p>This is the example form the Fancybox site showing how to group items using the rel attribute. But their example only shows how to group things that are already visible on the page and where the link for launching the slideshow is one of the items IN the slideshow. I want a separate link to launch mine. </p> <pre><code>$("a.grouped_elements").fancybox(); <a class="grouped_elements" rel="group1" href="Image1.jpg"><img src="Image1.jpg" height="20" width="20" alt=""/></a> <a class="grouped_elements" rel="group1" href="Image2.jpg"><img src="Image2.jpg" height="20" width="20" alt=""/></a> </code></pre> <p>And here's another example that 'almost' works. Although the problem it has is that the first item in the gallery it wants to open is blank... as it's the item of the hyperlink that opened the gallery. </p> <pre><code><a class="video_elements" rel="shadowbox">launch videos</a> <div style="display:none"> <a href="http://www.youtube.com/v/znyMx58fZqQ" class="video_elements" rel="shadowbox">video link </a> <a href="http://www.youtube.com/v/znyMx58fZqQ" class="video_elements" rel="shadowbox">video link </a></div> <script type="text/javascript"> $("a.video_elements").fancybox({ 'transitionIn' : 'fade', 'transitionOut' : 'fade', 'titlePosition' : 'inside', 'autoscale' : 'true', 'type' : 'swf' }); </code></pre> <p></p> <p>Thanks.</p>
Tags
<jquery><fancybox>
Title
Using fancybox to open a gallery that contain embedded youtube videos
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USBillyPilgrim
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POUsing fancybox to open a gallery that contain embedded youtube videos
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POUsing fancybox to open a gallery that contain embedded youtube videos
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.