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

Nico Potvin nico.potvin at kandesign.com
Tue Nov 14 15:05:43 CET 2006


anyone?

so far i have tried to use the different row and other options to see 
if there was some kind of css class added to the images, but no luck.

maybe there is a way to add descending numbers to an image via tscript?

greets

nico
On 13 Nov 2006, at 15:52, Nico Potvin wrote:

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