2017-01-25 9 views
0

からのパスです。ギャラリーはアップロードフォルダからパスから取得します。すべてが正常に動作しますが、fancyboxを実装しようとすると、デフォルトのfancyboxクラスは使用されません。ここで、ギャラリーは、私はPHPとMySQLデータベースとギャラリーを作っアップロードフォルダ

は私のコードは、私の質問は、このライン

<img src=" <?php echo $row['pic_path'];?> " style="width: 225px; height: 180px; margin-bottom: 5px"/> 

で動作するようにfancyboxを実装する方法である

<?php 
    mysql_connect("localhost", "root", "") or 
    die("Could not connect: " . mysql_error()); 
    mysql_select_db("mosornew"); 
    $id = isset($_GET['cid']) ? $_GET['cid'] : ''; 
    $res = mysql_query("SELECT * FROM galerijaslika WHERE cid='$id'"); 
?> 

<?php while ($row = mysql_fetch_array($res)) {?> 
     <img src=" <?php echo $row['pic_path'];?> " style="width: 225px; height: 180px; margin-bottom: 5px"/> 
     <?php 
    } 
?> 

私はfancybox documentationを従うしようとしていたが、画像がないでしょうHREFタグなしです私のポップアップ。

答えて

0

は文書で言及など、すべてのライブラリを含める:

<?php 
    mysql_connect("localhost", "root", "") or 
    die("Could not connect: " . mysql_error()); 
    mysql_select_db("mosornew"); 
    $id = isset($_GET['cid']) ? $_GET['cid'] : ''; 
    $res = mysql_query("SELECT * FROM galerijaslika WHERE cid='$id'"); 
    ?> 

    <?php while ($row = mysql_fetch_array($res)) {?> 
<a class="fancybox" rel="group" href="<?php echo $row['pic_path'];?>"><img src="<?php echo $row['pic_path'];?>" alt="Image not found!" /></a> 
     <?php 
    } 
    ?> 

を以下に部分ながら、あなたのコードを変更し、あなたが適切にすべてのライブラリが含まれている場合、あなたのページに

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}); 

をこのjavascript関数を追加 私はそれはあなたがHTML出力ではなく、PHPのコードを提供する必要があります

+0

HIダニ・迅速な解答 ためのおかげで、私はalredyあなたが書いた本を試したがfancyboxポップアップで、それは文句を言わないオープン ピクチャーフォルダから開いていることがhttp://dreamatico.com/data_images/mountain/mountain-5のようなオープンと同じであるアップロード を.jpgのが、アドレスバーにPICは、あなたのコンソールを – Ivan

+0

チェックでパスを表示しても、エラーがあります.... ??? – Dani

+0

エラーなし、私は、再びすべてを確認し、再びライブラリの追加と削除 – Ivan

0

を働くと確信しています。私はこの問題は、あなたのリンクである疑いがある -

src=" <?php echo $row['pic_path'];?> " 

は、余分なスペースを参照してください?

あなたのコードの出力は、おそらくsrc=" image.jpg "ようなものだが、それはsrc="image.jpg"ようにする必要があります。

関連する問題