Warum PHP Media Gallery nicht funktioniert?

Question

Ich versuche VIDEO/Bildergalerie zu erstellen, damit ich Videos/Bilder in die Galerie hochladen kann. Die Galerie besteht aus einer Miniaturansicht von Videos/Bildern, einer einzeiligen Beschreibung, und wenn Sie auf das Miniaturbild klicken, wird das Bild/Video in einer schicken Box angezeigt. Ich denke schon, es ist einfach. (Das Thumbnail- und das Phantasie-Box-Bild verwenden dasselbe Bild.) Ich bin neu in PHP und versuche, diese Funktionalität so schnell wie möglich in mein aktuelles Projekt zu implementieren. Ich fand etwas gut hier http://www.w3schools.in/php/media-gallery und ich starte es auf meinem Rechner, aber habe einige Probleme, die unten aufgeführt sind, Irgendwelche Ideen? es gibt ein paar Probleme mit mir,

1. Bilder werden nicht angezeigt.
2. "Von meinem Computer" und "Von YouTube URL" funktionieren nicht.
3. Das YouTube-Symbol wird in meinem YouTube-Video nicht angezeigt.
4. Thema und Aussehen nicht wie auf Demo.
5. Phantasie Box Interaktion funktioniert nicht für mich.

Php-Code für 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 
      } 
     ?> 

Medien hochladen Code:

<!-- 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 --> 

Answer 1

meine beste Vermutung auf dem Code von der Suche ist, dass es falsche Links sind und daher Browser nicht gefunden diese Dateien. Das erklärt fehlende Bilder (1, 3?), CSS (4) und nicht funktionierendes JavaScript (2,5).

Stellen Sie sicher, dass auf localhost/Pfad zu Ihrem Projekt/js/app.js gefunden werden kann. Dies steuert speziell das Hochladen. Und für alle anderen Dateien, die da sind.