treehouse : what would you like to learn today?
Web Design Web Development iOS Development

FancyBox error when using PHP. Any ideas?

  • just going to share my code and see if anyone can spot what's causing this.

    The error reads: "The requested content cannot be loaded. Please try again later."

    http://i.imgur.com/1sD8J.png

    ShowAll.PHP:

          <?
      include_once "db.php";
      session_start();
      $gid=$_SESSION['gid'];
      $result = mysql_query("SELECT id,groupid FROM images where gid='".$gid."' and imagetype='1' ORDER BY id");
      print(" <div id='wrapper'>  
          <!--start: Container -->
            <div class='container'>
          ");
          $j=0;
          print("   
          <div class='row'>
            <div class='span6'>
              <h1>My Gallery</h1>
              <br>
            </div>
            <div class='span6'>
            </div>
          </div>
          <!--start: Row -->
            <div class='row'>");
          while($row = mysql_fetch_array($result)){
            if ($j==6){
              $j=0;
              print("</div>");
                  print("     
              <!--start: Row -->
              <div class='row'>");
              print("<div class='span2'>");
              print("<p><div class='picture'><a rel='image' href='largeimage.php?groupid=".$row['groupid']."'><img src='showimage.php?id=".$row['id']."'><div class='image-overlay-zoom'></div></a></div>");
              print("</div>");
              $j++;
            }else{
              print("<div class='span2'>");
              print("<p><div class='picture'><a rel='image' href='largeimage.php?groupid=".$row['groupid']."'><img src='showimage.php?id=".$row['id']."'><div class='image-overlay-zoom'></div></a></div>");
              print("</div>");
              $j++;
            }
          }
      print("</div>");?>
    

    largeimage.php:

      <?php
    
      $groupid=$_GET['groupid'];
    
    
      print("       <img src='showimagelarge.php?groupid=".$groupid."'>");
    
      ?>
    

    showimagelarge.php:

      include_once "db.php";
    
      session_start();
    
    
    
      $gid=$_SESSION['gid'];
    
      header('Content-type: image/jpeg');
    
      $query = "SELECT image from images where groupid=". intval($_GET["groupid"])." and gid='".$gid."' and imagetype='2'";
    
      $rs = mysql_fetch_array(mysql_query($query));
    
      echo base64_decode($rs["image"]);
    
      ?>
    

    showimage.php:

      include_once "db.php";
    
      session_start();
    
    
    
      $gid=$_SESSION['gid'];
    
      header('Content-type: image/jpeg');
    
      $query = "SELECT image from images where id=". intval($_GET["id"])." and gid='".$gid."'";
    
      $rs = mysql_fetch_array(mysql_query($query));
    
      echo base64_decode($rs["image"]);
    
      ?>
    
  • Also, my initialization of FancyBox is:

    $(document).ready(function(){ $(".picture a").fancybox({ "type": "image" }); });
  • That error is not produced by the code you posted.

    Maybe it's from fancybox?

  • Have you checked your console? Anything going on in there?