0

「モーダル」にはナビゲーション矢印がないため、デフォルトのライトボックス「モーダル」を「スリムボックス」に置き換えようとしています。

ナビゲーション付きスリムボックスのデモ

ナビゲーションなしのモーダルのデモ

これらのパスを使用して、スリムボックスの呼び出しを変更しています

[テンプレート名]/html/com_virtuemart/productdetails/default.php components/com_virtuemart/productdetails/default.php

Joomla v2.5 Virtuemart 2.0.6 Slimbox2

以下は私の試みです：

        //Enable Slimbox2 plugin
        $front = JURI::root(true).'/components/com_virtuemart/assets/';
        $document = JFactory::getDocument();
        $document->addStyleSheet($front.'js/slimbox/slimbox.css');
        $document->addScript($front.'js/slimbox/slimbox2.js');      
        $js = 'jQuery(document).ready(function($) { $("a.lightbox").slimbox(); });';
        $document->addScriptDeclaration($js);
        //output thumbnail
        echo $this->product->images[0]->displayMediaThumb('class="product-image"',true,'class="lightbox" rel="lightbox"'.$this->product->virtuemart_product_id.'"',true,true);
        //unset first image not to be show amont additional ones
        unset ($this->product->images[0]);
        ?>

しかし、まだ機能していません。何が問題なのだろうと思いました。

【参考】[3]

4

1 に答える 1

0

あなたはスリムボックスクラスを画像参照に適用しているのではなく、画像のコンテナに適用していますよね? 私の意見では、画像ファイルの URL を直接処理する必要があります。

// get the file_url of the first image
$imgPath = $this->product->images[0]->file_url;

// output the image
<a class="slimbox" href="<?php echo $imgPath; ?>">
<img src="<?php echo $imgPath; ?>" alt="" />
</a>
于 2012-05-08T14:30:02.707 に答える