0

私は 15 枚の写真を含む画像ギャラリーを持っています。最初の画像が通常のサイズで表示され、残りは下部に親指が表示されます。親指をクリックすると、通常のサイズの画像がその画像に置き換えられます。通常のサイズの画像をクリックすると、画像の説明とともにライトボックス スタイルのポップアップに表示されます。このギャラリー レイアウトは Galleria と呼ばれ、SIG Pro joomla プラグインの一部です。

http://demo.joomlaworks.net/simple-image-gallery-pro

各画像の画像の説明がポップアップに表示されますが、この動作を削除して、通常のサイズの画像の下に説明を表示したいと考えています。私の質問はPHPに関するものです。私はこれに非常に慣れていません。私が考え出したことについては、これですべての親指の説明を印刷できます：

<?php foreach($gallery as $count=>$photo): ?>
<p class="sigProGalleriaTargetTxt"><?php echo $photo->captionDescription; ?></p>
<?php endforeach; ?>

しかし、印刷したいのは、選択した画像の説明だけです。私はこれを試しました：

<p class="sigProGalleriaTargetTxt"><?php echo $gallery[0]->captionDescription; ?></p>

ただし、値が 0 (最初の画像) であるため、これは最初の画像の説明のみを出力します。選択した画像に応じて $gallery の値を増やす必要があることがわかりました。どうすればこれを達成できますか？

完全な php ファイルは次のとおりです: http://codepad.org/MlPbgPzl

ありがとうございました、

4

1 に答える 1

0

キャプションを設定するために som javascript/dom を使用するのはどうですか? 少しハックですが、説明を適用する関数を呼び出す onClick イベントを作成しようと思います。

親指のセクションでは、次のようになります。

<span class="sigProLinkWrapper">
    <a onClick="setDesc('<?php echo $photo->captionDescription; ?>');" href="...

そして説明のために：

// leaving the <?php tag like this, so you get always the first description
// but adding an id tag
<p id='photoDescription' class="sigProGalleriaTargetTxt">$gallery[0]->captionDescription; ?></p>

そして最後に、それをいくつかのjavascript（またはそれを使用している場合はjquery）に置き換えています

function setDesc(photoDesc)
{
    var descContainer = document.getElementById("photoDescription").innerHTML= photoDesc;
}

多分それは役立ちます:)

于 2013-10-10T08:56:56.277 に答える