[TYPO3] adding a div around every content image for lightbox

Nico Potvin nico.potvin at kandesign.com
Mon Nov 13 15:52:12 CET 2006


is it possible to add the typoscript like Loek mentioned with the 
ability to add a number to the images' class

so it renders something like:
<div class="image1">< img src="file1.jpg></div>
<div class="image2">< img src="file2.jpg></div>
<div class="image3">< img src="file3.jpg></div>
<div class="image4">< img src="file4.jpg></div>
<div class="image5">< img src="file5.jpg></div>

this is also an option other than
<div class="image1">< img src="file1.jpg></div>
<div class="imagedontshow">< img src="file2.jpg></div>
<div class="imagedontshow">< img src="file3.jpg></div>
<div class="imagedontshow">< img src="file4.jpg></div>

the reason i want to do this is so i can use the lightbox, but only 
show the first image in the sequence. This would be nice.

greets

nico

On 13 Nov 2006, at 15:30, Nico Potvin wrote:

> Does anybody know how i can add the content split element here?
>
> or any other solutions?
>
> greets
>
> nico
> On 09 Nov 2006, at 00:46, Loek Hilgersom wrote:
>
>> Sorry, wrote that other answer a bit too fast, not realising that you
>> probably
>> want all images in the same content element.
>> With css styled content the individual images are already wrapped
>> (standard with
>> dl/dt tags, but you can change to div if needed).
>>
>> You can change the image wrapping:
>>
>> tt_content.image.20.rendering.dl {
>> 	oneImageStdWrap.dataWrap = <dl csc-textpic-image###CLASSES###"
>> style="width:{register:imagespace}px;"> | </dl>
>> 	imgTagStdWrap.wrap = <dt> | </dt>
>> }
>>
>> or set the renderMethod to div and add your tag:
>>
>> tt_content.image.20.renderMethod = div
>> tt_content.image.20.rendering.div.imgTagStdWrap.wrap = <div
>> class="dontshow"> |
>> </div>
>>
>> I'm afraid the optionsplit won't work here (but maybe someone knows
>> how to get
>> that done)
>>
>> Hth,
>> Loek
>>
>> Nico Potvin wrote:
>>> Hi,
>>>
>>> i have the following problem
>>>
>>> I use image lightbox to show images on a site, but i only want to 
>>> show
>>> the first one on the page, and the rest is hidden.
>>> You can see the rest of the images when you click on the first one.
>>>
>>> is there any way to add a certain <div  id="dontshow"></div>  around
>>> every image with typoscript. or even better, only around the second 
>>> to
>>> the last image?
>>>
>>> greets
>>>
>>> nico
>>> -- 
>>> Nico Potvin
>>>
>>> KAN Design
>>> Antwerpen - Belgium
>>> Phone: +32 (0)3 203 41 69
>>> Fax: +32 (0)3 225 14 05
>>> E-mail: nico.potvin at kandesign.com
>>> http://www.kandesign.com
>>>
>> _______________________________________________
>> TYPO3-english mailing list
>> TYPO3-english at lists.netfielders.de
>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>>
> --
> Nico Potvin
>
> KAN Design
> Antwerpen - Belgium
> Phone: +32 (0)3 203 41 69
> Fax: +32 (0)3 225 14 05
> E-mail: nico.potvin at kandesign.com
> http://www.kandesign.com
>
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-english at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>
--
Nico Potvin

KAN Design
Antwerpen - Belgium
Phone: +32 (0)3 203 41 69
Fax: +32 (0)3 225 14 05
E-mail: nico.potvin at kandesign.com
http://www.kandesign.com




More information about the TYPO3-english mailing list