[TYPO3-project-seminars] How to include pictures in a different way

Nico Deblauwe nico at deblauwe.be
Fri Jul 25 09:22:16 CEST 2008

Dear list,

For a client I've been playing around with the seminars extension and a bit
of typoscript in order to display images in the detailed view. It is not the
most beautiful code/solution, but as I find it quite handy, I've decided to
send it along.

*=1= Idea*
Each seminar has a unique number, let's use that for coupling the images
(stored somewhere in a directory "/fileadmin/.../eventImages/") with the
events. I've used the naming convention event_1.jpg, event_2.jpg etc... for
all the images.

*=2= Displaying the images*
All you need to do is, on the page where you have added the seminars plugin
(that you use for the detailed view), is to create an extension template
with the following code in the setup field:

seminarID = GPvar:tx_seminars_pi1|showUid

page.20 = TEXT
page.20 {
    data < seminarID
    wrap = <div class="seminars-image"><img

As this will be added to the bottom of the page (my content is added on
page.10), you will need some absolute positioning in order to get the image
in place, e.g.

#seminars-image img {
   position: absolute;
   top: 196px;
   left: 780px;
   width: 200px;
   height: 247px;

*=3= Uploading the images*
At the moment I'm doing this myself manually, but I think it should not be
too difficult to find an extension that does this. Aall you need is file
upload in combination with some SQL possibilities (for the naming), like
e.g. wfqbe (DB Integration) is capable of. This would allow full FE
editing/inserting of events by non-expert users (which is often the target

That's it, feel free to make comments/suggestions/whatever, as this can only
lead to better results in the end



Nico Deblauwe

More information about the TYPO3-project-seminars mailing list