2016-07-14 46 views
1

我正在尝试创建VIDEO /图片库,以便我可以更轻松地将视频/图片上传到图库。 图库包含视频/图像的缩略图图像,一行描述,以及点击缩略图时显示图像/视频的花式框。我认为是这样,这是基本的。 (缩略图和花哨框图像使用相同的图像。)我是Php的新手,并试图尽快将此功能实现到当前项目。 我在这里发现了一些不错的东西http://www.w3schools.in/php/media-gallery,我在我的机器上运行它,但是得到了下面列出的一些问题, 任何想法?他们几乎没有与我的问题,为什么Php媒体库不工作?

  1. 图像不显示。
  2. “从我的电脑”和“从YouTube网址”链接不起作用。
  3. YouTube图标不会显示在我的YouTube视频中。
  4. 主题和样子不一样。
  5. 花式框交互不为我工作。

PHP代码的index.php文件:

 <?php 
      $result = $obj->getGalley(); 
      if (!empty($result)) { 
       foreach ($result AS $row) { 
        /* IF is Video */ 
        if ($row['media_type'] == 'YouTube') { 
         $rel = 'video'; 
         $href = "http://www.youtube.com/embed/" . $row['media_name']; 
         $src_bg = 'http://img.youtube.com/vi/' . $row['media_name'] . '/mqdefault.jpg'; 
         $src = 'http://img.youtube.com/vi/' . $row['media_name'] . '/mqdefault.jpg'; 
        } else { 
         /* IF is Image */ 
         $rel = ''; 
         $href = "images/large/" . $row['media_name']; 
         $src_bg = "images/small/" . $row['media_name']; 
         $src = "images/small/" . $row['media_name']; 
        } 
        ?> 
        <div class="col-xs-6 col-md-3 col-lg-2 col-sm-4 gallery-block" data-media_guid="<?php echo $row['media_GUID']; ?>"> 
         <div class="gallery-block-inner"> 
          <a class="photobox_a <?php if ($rel != '') { ?> media-video<?php } ?>" href="<?php echo $href; ?>" rel="<?php echo $rel; ?>" <?php if ($rel != '') { ?> style="background-image:url('images/placeholder.png'), url('<?php echo $src_bg; ?>');"<?php } ?>> 
           <img src="<?php echo $src; ?>" class="img-responsive"> 
          </a> 
         </div> 
         <span class="media-name"><?php echo $row['media_name_original']; ?></span> 
        </div> 
        <?php 
       } 
      } else { 
       ?> 
       <p id="gallery-empty">It's Empty</p> 
       <?php 
      } 
     ?> 

上传媒体代码:

<!-- Upload Media Starts --> 
     <div class="row"> 
      <hr> 
      <h3>ADD MORE MEDIA TO COLLECTION</h3> 
      <div id="upload_button_group"> 
       <a href="javascript:void(0)" class="button" id="upload_button">From My Computer</a> 
       <a href="javascript:void(0)" class="button button-blue" id="upload_button_URL">From YouTube URL</a> 
      </div> 
      <form id="upload_form" name="upload_form" method="post" action="media_upload.php" enctype="multipart/form-data"> 
       <input type="file" id="upload_media" name="upload_media" accept="image/*" style="display:none"> 
      </form> 
      <form id="upload_form_url" name="upload_form_url" method="post" action="media_upload.php" style="display:none"> 
       <input class="text-field" name="youtube_url" id="youtube_url" type="text" placeholder="Please enter YouTube URL"> 
       <a href="javascript:void(0)" class="button" id="upload_button_URL_save">Save</a> 
       <a href="javascript:void(0)" class="button button-blue" id="upload_button_URL_cancel">Cancel</a> 
      </form> 
     </div> 
    <!-- Upload Media Ends --> 
+0

所有演示代码可在http://www.w3schools.in/php/media-gallery上找到。所以,你可以检查他们,我只是为我的机器配置数据库连接。否则所有代码都是一样的。 – Vir

回答

1

从看代码我最好的猜测是,有不正确的链接,因此浏览器无法找到这些文件。这解释了缺失的图像(1,3?),css(4)和不工作的JavaScript(2,5)。

请确保在本地主机/路径到您的项目/ js/app.js可以找到。这特别控制了上传。对于那里的所有其他文件。

+0

我使用相对路径像href =“css/photobox.css”,并在我的Dreamweaver中所有链接文件的CSS,jQuery以及Java脚本都显示出来。所以,我认为所有链接都正常工作。我不知道代码的问题,我调试它,但不能理解一些代码,除了HTML代码。 – Vir

+0

你可以看看渲染网站的源代码吗?在Firefox中它是cmd/ctrl + u –

+0

是的,它的链接看起来有些不同。 – Vir