TYPO3 7.6ライトボックス拡張機能なし

Question

ライトボックススタイルのイメージポップアップを作成しようとしていますが、拡張機能はすべて動作しません。 typo3の設定やwhatelseに問題があると思われます。 E.e. "Perfect Lightbox" - インストールされ、テンプレートが追加され、contect imagesのチェックボックス "click enlarge"と "lightbox"がチェックされています。しかし、何も起こりません。ブラウザでJSエラーは発生せず、Perfect LightboxのJSファイルがロードされました。ページのソースでは、画像の周りのコードの一部は、次のようになります。生成されたライトボックスの

<a href="http://.../index.php?eID=tx_cms_showpic&amp;file=17&amp;md5=14b002d6aa25f9dd945e2a4e6c21ea4347298d11&amp;parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjQ6IjYw&amp;parameters%5B1%5D=MG0iO3M6NzoiYm9keVRhZyI7czo0MToiPGJvZHkgc3R5bGU9Im1hcmdpbjowOyBi&amp;parameters%5B2%5D=YWNrZ3JvdW5kOiNmZmY7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&amp;parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D" onclick="openPic('http:\/\/...\/index.php?eID=tx_cms_showpic\u0026file=17\u0026md5=14b002d6aa25f9dd945e2a4e6c21ea4347298d11\u0026parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjQ6IjYw\u0026parameters%5B1%5D=MG0iO3M6NzoiYm9keVRhZyI7czo0MToiPGJvZHkgc3R5bGU9Im1hcmdpbjowOyBi\u0026parameters%5B2%5D=YWNrZ3JvdW5kOiNmZmY7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2\u0026parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture"> 
    <img src="http://.../fileadmin/_processed_/csm_room_05_3bd2eeb267.jpg" width="150" height="112" alt="" /> 
</a> 

ない任意のクラス（？があるはずです）TYPO3 7のよう

Answer 1

今日もこの問題に遭遇しました。

これはあなたのTS-設定で動作します：

# deactivate fsc popup, lightbox wrap 
lib.fluidContent.settings.media.popup { 
    directImageLink = 1 
    JSwindow = 0 
    linkParams.ATagParams.dataWrap = class="lightbox" data-fancybox-group="lb{field:uid}" 
} 

あなたのライトボックス、プラグインに応じて「dataWrap」-attributesを変更する必要があり、与えられた例はfancyboxのために動作します。 （もともとここが見つかりました：https://forum.typo3.org/index.php/t/213375/）

私は流体スタイルのコンテンツを使用してい

Answer 2

あなたはCSC（css_styled_content）またはFSCを（使用することができますfluid_styled_content）を使用してページを描画します。両方の拡張は、コンテンツ要素のレンダリングのために異なるアプローチを使用する。あなたは何を使うのですか？

あなたが見た拡張機能は、他のレンダリング拡張機能のみを拡張/修正したものでしょうか？
拡張機能はまだ試していますか？
静的テンプレートは含まれていますか？

、あなたはまた、任意のjavascript-ギャラリー/ -picture-ビューアを使用し、主にビューアを初期化するために、特別なマークアップと少しJSを挿入するために少しを必要とすることができ、それらのすべてに満足している場合：見つけ

一例をライトボックスライブラリhttp://lokeshdhakar.com/projects/lightbox2/ jqueryとJSライブラリを除いて、HTMLマークアップに基づいて初期化されたJSをいくつか含める必要があります。

セットオプション：このライブラリは、同じデータ属性data-lightboxですべての画像上で動作するように思わ

：

lightbox.option({ 
    'resizeDuration': 200, 
    'wrapAround': true 
}) 

など、以下のデータ属性でrenderungを強化するようにしてくださいあなたのイメージのために

<a href="images/image-2.jpg" data-lightbox="my_lightbox">Image #2</a> 
<a href="images/image-3.jpg" data-lightbox="my_lightbox">Image #3</a> 
<a href="images/image-4.jpg" data-lightbox="my_lightbox">Image #4</a> 

は

あなたはそれがより複雑な1つのページに利用可能な複数のライトボックスを持っているか、選んだ画像だけ

Answer 3

のThが含まれるようになるかもしれませんeあなたのコードスニペットのリンクは、まだデフォルトのレンダリングを使用してポップアップウィンドウを開いています。

Berndが述べたように、スタティックテンプレートを追加することを忘れた可能性があります。

多分あなたは、JSとCSSが所定の位置にある場合、それは多分、その後うまくいくかもしれない、次の

# turn of the popup window 
tt_content.image.20.1.imageLinkWrap.JSwindow = 0 

# create a link to a bigger verion of the image 
tt_content.image.20.1.imageLinkWrap.directImageLink = 1 

を追加しようとすることができます。

---

EDIT：あなたのニーズに

styles { 
    content { 
     textmedia { 
      linkWrap.lightboxEnabled = 1 
      linkWrap.lightboxCssClass = fluidbox 
      linkWrap.lightboxRelAttribute > 
     } 
    } 
} 

変更lightboxCssClassとlightboxRelAttribute： あなたはfluid_styled_contentを使用して以来。 JSとCSSを使用すると、Extensionは必要ありません。