StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POFancybox: Nav buttons not showing, content in a PHP array
primarykey
Id
10793899
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-05-29T06:09:57.213
FavoriteCount
0
LastActivityDate
2012-05-30T17:42:29.747
LastEditDate
LastEditorUserId
0
OwnerUserId
1422881
ParentId
0
PostTypeId
1
Score
0
ViewCount
664
LastEditorDisplayName
text
Body
<p>I have a little problem with an images gallery on Fancybox 2.0.6. I have no nav buttons showing, only the close one. So, I guess that I've made a mistake when I added the plugin in my gallery script so that it finds only one image. The problem isn't depending of the browser used, I get it on IE, Firefox, Safari, Chrome and Opera. My gallery script is in PHP, like all the rest of my site. My images are stored in an array, created by a function which reads the folder content.</p> <p>Here are my scripts.</p> <p>Function get_files:</p> <pre><code>// Fonction de lecture du dossier et publication dans un tableau function get_files($images_dir,$exts = array('jpg')) { $files = array(); if($handle = opendir($images_dir)) { while(false !== ($file = readdir($handle))) { $extension = strtolower(get_file_extension($file)); if($extension && in_array($extension,$exts)) { $files[] = $file; } } closedir($handle); } return $files; } </code></pre> <p>portfolio.php (gallery part)</p> <pre><code>$image_files = get_files($images_dir); if(count($image_files)) { $index = 0; $firstimage = $image_files[0]; $thumb = $images_dir.'/'.$firstimage; //Lien: files/photos/$images_dir/premièreimage.JPG $page .= '<script type="text/javascript">'; $page .= '$(".img_gallery").click(function() {'; $page .= '$.fancybox.open(['; foreach($image_files as $index=>$file) { $index++; // echo $file.'<br />'; //Création des liens image pour javascript $link = $images_dir.'/'.$file; $page .= "{ href : '".$link."', title : '".$altname."' } ],"; } // Création des liens de la galerie et fermeture du dossier $page .= '});</script>'; $page .= '<h3>Open Gallery</h3><br /><br />'; $page .= '<a class="img_gallery" href="'.$thumb.'" rel="gallery"><img src="'.$thumb.'" height="342" width="512" alt="Open Gallery" title="Open Gallery"/></a> '; } else { $page .= '<p>There are no images in this gallery.</p>'; } </code></pre> <p>And here are the lines where I added the plugins:</p> <pre><code> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>  <script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>  <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>  <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>  <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>  <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>  <script type="text/javascript"> $(document).ready(function() { /*$("a[rel='gallery']").fancybox();*/ $("a[rel='gallery']").fancybox(portfolio,{ openEffect : 'elastic', closeEffect : 'elastic', nextEffet: 'fade', prevEffect: 'fade' }); }); </script> </code></pre> <p>Could anyone explain me what's wrong and how to correct this ? I've got good skills in PHP, but I'm quite newbie to Javascript. Some details more: I cannot create each link for each image, I've got many galleries (set by a $_GET value) and some contain hundred and more images. Finally, I would like to have only the first image of each gallery showing on the page as the gallery link (manual call).</p> <p>Many thanks in advance !</p>
Tags
<php><arrays><button><fancybox>
Title
Fancybox: Nav buttons not showing, content in a PHP array
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USAshina
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COI've another question.. In order to get a valid HTML code (for W3 validator), I would like to use data-fancybox-gallery. From what I understand, it allows to get rid of "rel" attribute. Right ? If so, how to implement it on my script ?
  singulars
  PostPostId
  POFancybox: Nav buttons not showing, content in a PHP array
  UserUserId
  USAshina

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.