![]() |
| | LinkBack | Themen-Optionen | Thema bewerten | Ansicht |
|
#1
| |||
| |||
Hallo zusammen, ich versuche gerade in Templavoila bestimmte Bilder mit einen Link zu erweitern, nach anklicken der Grafik soll sich ein neues Popup Fenster öffnen und das Bild in voller Größe ausgegeben werden. Habe schon einiges ausprobiert aber irgendwie komme ich nicht weiter. Eigentlich ist das ziemlich simpel aber in TemplaVoila funktioniert der bekannte Ansatz nicht (onclick="javascript:window.open usw.). Durch meine Recherchen bin ich auf verschieden Ansetze gestoßen, wollte anhand dieser Beschreibung (siehe unter „Click-to-enlarge in Flexible Content Element“ http://wiki.typo3.org/index.php/Temp...iple_languages) das dazugehörige DS zu erweitern, leider auch ohne Erfolg. Hat vielleicht jemand eine Idee oder einen heißen Tipp wo ich noch nachscheuen könnte? Eine allgemeine Hilfestellung würde mich schon weiterbringen. Für eure Unterstützung danke ich schon im Voraus. Viele Grüße. |
|
#2
| |||
| |||
| moin, wie sieht denn dein DS aus? Armin
__________________ Nichts kommt von selbst, sogar eine Dummheit muss man erst machen. Tipps und Tricks zu TYPO3: http://typo3.intervation.de Agentur: Ideenwerft Werbeagentur |
|
#3
| |||
| |||
| Hallo Armin, Dir und der gesamten Typo3 Community, ein frohes neues Jahr 2007! So sieht mein DS aus: Code: <?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
<ROOT type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<field_ce_header type="array">
<tx_templavoila type="array">
<title>Header</title>
<description>Header</description>
<sample_data type="array">
<numIndex index="0">Header</numIndex>
</sample_data>
<eType>input_h</eType>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>Header</label>
</TCEforms>
</field_ce_header>
<field_ce_content type="array">
<tx_templavoila type="array">
<title>Content</title>
<description>Content</description>
<sample_data type="array">
<numIndex index="0">Content</numIndex>
</sample_data>
<eType>rte</eType>
<TypoScript>
<![CDATA[
10 = TEXT
10.current = 1
10.parseFunc = < lib.parseFunc_RTE
]]>
</TypoScript>
<proc type="array">
<HSC type="integer">0</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>text</type>
<cols>48</cols>
<rows>5</rows>
</config>
<defaultExtras>richtext[*]:rte_transform[flag=rte_enabled|mode=ts_css]</defaultExtras>
<label>Content</label>
</TCEforms>
</field_ce_content>
<field_ce_img type="array">
<tx_templavoila type="array">
<title>miniteaser image</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>image</eType>
<TypoScript><![CDATA[
10 = IMAGE
10.altText.field = field_alttext
10.titleText.field = field_titletext
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
10.file.width.field = field_imagewidth
10.file.height.field = field_imageheight
10.stdWrap.typolink.parameter.field = field_link]]>
</TypoScript>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>group</type>
<internal_type>file</internal_type>
<allowed>gif,png,jpg,jpeg</allowed>
<max_size>1000</max_size>
<uploadfolder>uploads/tx_templavoila</uploadfolder>
<show_thumbs>1</show_thumbs>
<size>1</size>
<maxitems>1</maxitems>
<minitems>0</minitems>
</config>
<label>miniteaser image</label>
</TCEforms>
</field_ce_img>
<field_link type="array">
<type>attr</type>
<tx_templavoila type="array">
<title>linktext</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>link</eType>
<TypoScript><![CDATA[
10 = TEXT
10.typolink.typolink.parameter.field = field_link]]>
</TypoScript>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>15</size>
<max>256</max>
<checkbox></checkbox>
<eval>trim</eval>
<wizards type="array">
<_PADDING type="integer">2</_PADDING>
<link type="array">
<type>popup</type>
<title>Link</title>
<icon>link_popup.gif</icon>
<script>browse_links.php?mode=wizard</script>
<JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
</link>
</wizards>
</config>
<label>image link</label>
</TCEforms>
</field_link>
<field_imageheight type="array">
<tx_templavoila type="array">
<title>height</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>input</eType>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>4</size>
<eval>int</eval>
<checkbox>0</checkbox>
<range type="array">
<upper>400</upper>
<lower>0</lower>
</range>
<default>0</default>
</config>
<label>height</label>
</TCEforms>
</field_imageheight>
<field_imagewidth type="array">
<tx_templavoila type="array">
<title>width</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>input</eType>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>4</size>
<eval>int</eval>
<checkbox>0</checkbox>
<range type="array">
<upper>300</upper>
<lower>0</lower>
</range>
<default>0</default>
</config>
<label>width</label>
</TCEforms>
</field_imagewidth>
<field_alttext type="array">
<tx_templavoila type="array">
<title>Alt-Text</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>input</eType>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>Alt-Text</label>
</TCEforms>
</field_alttext>
<field_titletext type="array">
<tx_templavoila type="array">
<title>Title-Text</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>input</eType>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>Title-Text</label>
</TCEforms>
</field_titletext>
</el>
</ROOT>
</T3DataStructure> |
|
#4
| ||||
| ||||
| Hi, probier mal folgendes: Code:
10.imageLinkWrap = 1
10.imageLinkWrap {
bodyTag = <body style="background-color:#fff;">
wrap = <a href="javascript:close();"> | </a>
width = 800m
height = 600m
#or whatever
effects=
JSwindow = 1
JSwindows {
newWindow = 0
expand = 17,20
}
enable = 1
typolink.parameter.field=image_link
typolink.extTarget = _blank |
|
#5
| |||
| |||
| Hallo Ingo, danke Dir für den Tipp! Jetzt geht der Thumbnail in einem neuen Fenster auf (Browserfenster mit Adressenzeile, ein blankes Popup Fenste wäre mir lieber ), das Originalbild wird in voller Größe leider noch nicht angezeigt. Muss ich an deinen Codesnipsel noch was anpassen? oder habe ich es an falsche Stelle eingefügt?Code: <field_ce_img type="array">
<tx_templavoila type="array">
<title>miniteaser image</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>image</eType>
<TypoScript><![CDATA[
10 = IMAGE
10.altText.field = field_alttext
10.titleText.field = field_titletext
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
10.file.width.field = field_imagewidth
10.file.height.field = field_imageheight
10.stdWrap.typolink.parameter.field = field_link
10.imageLinkWrap = 1
10.imageLinkWrap {
bodyTag = <body style="background-color:#fff;">
wrap = <a href="javascript:close();"> | </a>
width = 800m
height = 600m
#or whatever
effects=
JSwindow = 1
JSwindows {
newWindow = 0
expand = 17,20
}
enable = 1
typolink.parameter.field= field_link
typolink.extTarget = _blank]]>
</TypoScript>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>group</type>
<internal_type>file</internal_type>
<allowed>gif,png,jpg,jpeg</allowed>
<max_size>1000</max_size>
<uploadfolder>uploads/tx_templavoila</uploadfolder>
<show_thumbs>1</show_thumbs>
<size>1</size>
<maxitems>1</maxitems>
<minitems>0</minitems>
</config>
<label>miniteaser image</label>
</TCEforms>
</field_ce_img>
<field_link type="array">
<type>attr</type>
<tx_templavoila type="array">
<title>linktext</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>link</eType>
<TypoScript><![CDATA[
10 = TEXT
10.typolink.typolink.parameter.field = field_link]]>
</TypoScript>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>15</size>
<max>256</max>
<checkbox></checkbox>
<eval>trim</eval>
<wizards type="array">
<_PADDING type="integer">2</_PADDING>
<link type="array">
<type>popup</type>
<title>Link</title>
<icon>link_popup.gif</icon>
<script>browse_links.php?mode=wizard</script>
<JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
</link> THX! LG Martin |
|
#6
| |||
| |||
| Hallo zusammen, nach kleinen DS Modifikationen öffnet sich jetzt das Popup Fenster wie gewollt, es gibt noch folgende Probleme: 1. In IE7 wird noch ein Adresszeile ausgegeben (in IE6 und Firefox kommt ein richtiges Popup Fenster ohne Adresszeile und Co.) und trotzt richtigen Werten für die Breite und Höhe wird das Fenster falsch dargestellt, ist zu breit. 2. Das große Bild wird nicht angezeigt, im Popup Fenster erscheint immer noch das kleine Thumbnail von der Seite, im Backend ist ein entsprechendes Bild ausgewählt und richtig verlinkt. Muss ich noch ein extra Template für das Popup Fenster erstellen, oder wird das automatisch von Typo3 generiert? und wo kann ich die Fensterposition ändern, gibt es so was wie X, Y Koordinaten? THX! LG Martin So sieht jetzt mein DS aus: Code: <TypoScript><![CDATA[
10 = IMAGE
10.altText.field = field_alttext
10.titleText.field = field_titletext
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
10.file.width.field = field_imagewidth
10.file.height.field = field_imageheight
10.stdWrap.typolink.parameter.field = field_link
10.imageLinkWrap = 1
10.imageLinkWrap {
bodyTag = <body bgColor=white leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0">
wrap = <a href="javascript:close();"> | </a>
width = 350m
height = 500m
effects=
JSwindow = 1
JSwindows.newWindow = 0
JSwindows.newWindow.expand = 20,50
enable = 1
typolink.parameter.field=image_link
typolink.extTarget = _blank
} ]]>
</TypoScript> |
|
#7
| ||||
| ||||
| Bei mir geht's!. Hab' mich an folgende Beschreibung gehalten: http://wiki.typo3.org/index.php/Temp...ontent_Element Allerdings bekomme ich das sich öffnende Bild nicht in den entsprechenden Maßen bzw. an der entsperchenden x,y-Position geöffnet. Bin für jeden Rat dankbar. Grüße, Ingo Geändert von bolshi (07.01.07 um 19:01 Uhr). |
![]() |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | Thema bewerten |
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Gelöst Click Enlarge unterschlägt / | sparzl | TYPO3 4.x Fragen und Probleme | 2 | 08.02.08 15:54 |
| Gifbuilder & Click Enlarge | codeman | TYPO3 4.x Fragen und Probleme | 1 | 22.01.07 10:50 |
| tt_products: click-enlarge | aur | tt_products | 2 | 06.12.06 12:28 |
| click-enlarge: Fenster soll Scrollbalken haben | ThomasB | TYPO3 4.x Fragen und Probleme | 0 | 26.11.06 21:01 |
| FCE Images mit click-enlarge | GeorgeDorn | TYPO3 4.x Fragen und Probleme | 1 | 10.05.06 23:44 |