2016-09-22 117 views
0

我試圖使它工作燈箱樣式的圖像彈出窗口,但沒有 - 所有的擴展不起作用。似乎typo3配置或whatelse有問題。 E.e. 「完美的燈箱」 - 已安裝,模板添加,在競爭圖像複選框「點擊放大」和「燈箱」選中。但沒有任何反應。在瀏覽器控制檯沒有JS錯誤,加載完美燈箱的JS文件。在網頁源代碼一塊的全景圖像的代碼如下所示:TYPO3 7.6沒有燈箱擴展工作

<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> 

沒有任何生成的收藏夾類(?應該有)

回答

0

今天剛剛偶然發現了這個問題!

這將在您的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/

0

爲TYPO3 7,你可以使用CSC(css_styled_content)或FSC( fluid_styled_content)來呈現你的頁面內容。兩個擴展都使用不同的方法呈現內容元素。你用什麼?

也許你看到的擴展增強/修改只有其他渲染擴展?
你還試過什麼擴展?
你是否包含了他們的靜態模板?

如果您不滿意與所有這些你也可以使用任何JavaScript畫廊/ - 圖片查看器,大多需要很少插入特殊標記和小JS初始化觀衆:

一個例子收藏庫中找到除了包含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> 

你可能會讓它更復雜更具有多個可用的燈箱在一個頁面上,或者只包括所選圖像

+0

我使用的流體風格的內容 - 似乎這就是問題所在。包括靜態模板。我已經嘗試過:Magnific Popup,完美燈箱,Simplelightbox – Syavych

0

釷e鏈接在您的代碼片段中仍然使用默認呈現來打開彈出窗口。

正如Bernd提到的,您可能已經忘記添加靜態模板

也許你可以嘗試添加以下

# 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 

如果js和css到位,可能也許那時的工作。


編輯: 由於您使用 fluid_styled_content

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

修改lightboxCssClass和lightboxRelAttribute您的需求。使用JS和CSS,你不需要任何擴展。

+0

包括插件的模板。你的代碼不會改變任何東西 - 輸出是相同的 – Syavych

+0

因爲這個問題是關於T3的v7.6,我假設你正在使用fluid_styled_content,所以任何「tt_content」typoscript修改將無法正常工作。 – mtness