ビデオ/画像ギャラリーを作成しようとしているので、ビデオ/画像をギャラリーに簡単にアップロードできます。 ギャラリーはビデオ/画像のサムネイル画像、1行の説明で構成され、サムネイルをクリックするとファンシーボックス内の画像/動画が表示されます。私はそうだと思う、それは基本的なものだ。 (サムネイルとファンシーボックスの画像は同じ画像を使用しています)。私はPHPで新しく、この機能を私の現在のプロジェクトにできるだけ早く実装しようとしています。 ここで何か良いものが見つかったhttp://www.w3schools.in/php/media-galleryと私のマシンでそれを実行するが、いくつかの問題を以下に記載して得た アイデア?彼らは私といくつかの問題ですなぜPhp Media Galleryが機能しないのですか?
- 画像は表示されません。
- 「マイコンピュータから」および「YouTube URLから」リンクが機能しません。
- YouTubeのアイコンがYouTubeの動画に表示されません。
- テーマはデモと同じではありません。
- 私のためにファンシーボックスの相互作用は機能しません。
index.phpのための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 -->
デモを含むすべてのコードは、http://www.w3schools.in/php/media-galleryから入手できます。だから、自分のマシンのデータベース接続を設定するだけで、それらを確認できます。そうでなければ、すべてのコードは同じです。 – Vir