2011-06-20 18 views
0

私はポストは長く見えると思っていますが、私は非常に簡単な解決策があると確信しています。読んでください。Concrete5、Imageflow and Fancybox JQuery

<div id="<?php echo $smallThumbs; ?>" class="imageflow"> 
<?php 

foreach($images as $imgInfo) { 
$f = File::getByID($imgInfo['fID']); 

    echo '<img src="'; 
    echo $f->getRelativePath(); 
    echo '" longdesc="'; 
    echo $f->getRelativePath(); 
    echo '" '; 
    echo 'alt="'; 
    echo $imgInfo['description']; 
    echo '"/>'; 
     ;}; ?> 

</div> 

そしてこれはfancyboxコードです:「http://www.pastie.org/2096958

それが長すぎたので、私はpastieでそれを貼り付け、そして私ができる[OK]を

はので、私は私に画像を取り込み、ここで少しPHPを持っています何かを作る。

私は

$( "ログイン・ポップアップ・リンク ")から非常に最後のビットを変更しました。fancybox

に$("。imageflow")。fancybox

すべての結果を得るには今すぐポップアップが表示されますが、それは言う

"要求されたコンテンツを読み込むことができません。私は、同じ機能を使用している、それがクリックされたベースイメージのために、このコードでスムーズに実行さ

別の場所には、ポップアップ

<a class="login-popup-link" href="#login-popup"><img src="images/vid.png" width="280" height="216"/></a> 

を示し助けてください! PHPコードの上に 'a'タグを追加しようとしましたが、ギャラリー全体が消えるだけです。

ありがとうございます!

答えて

0

Fancyboxは>タグ自体で動作しますが、コード内では、 'a'タグを囲む<div>に向いています。あなたがしたい場合は、あなたがにfancyboxの矢印をクリックすることができるように複数の画像をまとめてグループ化すること

$(".imageflow a").fancybox({ 

注:これに

$(".imageflow").fancybox({ 

:何をする必要があると、このからJavaScriptを変更でそれぞれの 'a'タグに同じ "rel"属性を付ける必要があります。例:

echo '<img src="'; 
echo $f->getRelativePath(); 
echo '" longdesc="'; 
echo $f->getRelativePath(); 
echo '" rel="gallery1"'; 
echo 'alt="'; 
echo $imgInfo['description']; 
echo '"/>'; 
+0

大丈夫ですが、これを試しましたが、うまくいきません。私のimageflow.jsには、onClickイベント関数が組み込まれているからです。私のimageflow.jsのコードを参考にしてください: http://www.pastie.org/2105774 私はonClick関数を次のように変更しました: ** onClick:function(){location.href = 'index.php #login-popup '} ** 私はただ$( "。imageflow")。**を使用すると、クリック時にポップアップが表示されますが、コンテンツを読み込めないと表示されます。そして、私はコードに 'a'タグを置くと、ギャラリーは全く読み込まれません。なぜなら、imageflowはそれを解析できないからだと思います。 – salmanhijazi

+0

それで私が理解できるものから、私がpopのために持っているview.js -upを実行すると、** a class = "login-popup-link" href = "#login-popup" **と定義されている 'a'タグの中から画像srcが取得されます。私は私のPHPコードに 'a'タグを追加すると、imageflow.jsはそれを解析することはできません。私はそれらを追加しない場合、view.jsはそれを解析することはできません。だから私は私の結果を得るためにこれらの1つを変更する必要があります。好ましくは、私はimageflow.jsからonClick関数を削除し、その解析機能を 'a'タグで追加することが望ましいでしょう。あなたは私が正しいと思いますか?もしそうなら、それは可能ですか?もう一度ありがとう:D – salmanhijazi

+0

申し訳ありませんが、私は問題を理解しています。どのような種類のタグでも動作するように各エフェクトを設定することができます。 jQueryセレクタを読んで、どのように動作するのかを知ることができます。利用できるオプションと、これらのプラグインのそれぞれのコードが何をしているかをよりよく理解することができます。 –