[TYPO3-UG Dutch] Andere klik-vergroten functionaliteit

[Patrick Broens]

Hoi Tom,

Wat jij wilt is een lightbox, zie ik. Hiervoor zijn al legio 
mogelijkheden qua extensies op de extension repository. De originele 
lightbox draait op prototype/scriptaculous, maar deze is inmiddels ook 
doorgezet naar andere javascript frameworks zoals Mootools (niet mijn 
favoriet). Vantevoren dien je te bekijken of je, of een van je gebruikte 
extensies, een javascript framework gebruikt. Is dat niet zo, dan heb je 
alle keus, is dat wel zo, hou er dan rekening mee dat niet alle 
frameworks naast elkaar kunnen draaien.

Zelf gebruik ik vaak de extensie 'Perfect lightbox 2' (perfectlightbox).

Een voorbeeld kun je zien op 
http://www.folkwoods.nl/eten-drinkenpraktische-informatie/fotogalerij/ 
waar hij ingrijpt in de fotogallerij of bijvoorbeeld op 
http://www.folkwoods.nl/muziek/ waar de foto's aan de rechterzijde 
gewoon als content worden ingevoerd.

Voordeel is ook dat deze extensie samenwerkt met de DAM en je dus ook 
copyright informatie en dergelijke mee kan nemen.

Patrick

Tom Kleijkers wrote:
> Hallo allemaal,
> 
> Mijn probleem bestaat uit 2 onderdelen. Allereerst wil ik de 
> functionaliteit van de 'klik vergroten' checkbox veranderen. Omdat er 
> een groot foto-veld in de pagina bestaat wil ik de foto's hierin 
> weergeven. Om dit te doen heb ik via typoscript de link aangepast en een 
> 'rel=...' toegevoegd welke met javascript wordt afgevangen.
> 
> Helaas werkt dit trucje alleen voor de eerste foto op de pagina, de 
> andere foto's worden gewoon geopend in een nieuw venster.
> 
> Het tweede probleem is dat ik de thumbs wil verkleinen en deze 
> vierkantig wil hebben. Ook hier heb ik typoscript voor gevonden, maar 
> als ik dit gebruik, dan werkt de link niet meer...
> 
> 
> Het script:
> ------------------------------
> 
> tt_content.image.20 {
> 
>   1 {
> 
> 
>     #file = GIFBUILDER
>     #file {
>      # XY = 100,100
>      # backColor = #000
> 
>      #10 = IMAGE
>      #10 {
>      #  file.import.current = 1
>      #  file.width = 100c
>      #  file.height = 100c
>      #  offset = 0,0
>      #}
> 
>     imageLinkWrap.typolink {
>     # Add new typolink wrapping code
>             target = {$styles.content.links.target}
>             extTarget = {$styles.content.links.extTarget}
> 
>             # This returns a link, pointing to the path + name of the 
> original image.
>             # or to the path + name of the resized lightbox image (if 
> maxH or maxW is reached.)
>             parameter.cObject = IMG_RESOURCE
>             parameter.cObject.file.import.data = 
> TSFE:lastImageInfo|origFile
>             parameter.cObject.file.width = 500c
>             parameter.cObject.file.height = 500c
>             #parameter.cObject.file.maxW = 500h
>             #parameter.cObject.file.maxH = 500h
>     
>             # Except if the linkfield is not empty
>             parameter.override.field = image_link
>             parameter.override.listNum.stdWrap.data = register : 
> IMAGE_NUM_CURRENT
>             parameter.override.if.isTrue.field = image_link
>        
>             # Add the "rel" attribute needed to activate the lightbox 
> effect.
>             ATagParams = rel="dms_image"
>             ATagParams.insertData = 1
>             ATagParams.if.isTrue.field = image_zoom
> 
>         }
> 
>    }
> 
> }
> 
> Het uitgecommente stuk bovenin is voor het vierkantig krijgen van de 
> thumbs, maar dan werkt de link dus niet meer. Tevens werkt dus de link 
> alleen voor de eerste foto met bovenstaande code.
> 
> Wie o wie kan mij helpen??
> 
> Alvast hartelijk bedankt.
> 
> Met vriendelijke groet,
> 
> -- 
> Tom Kleijkers
> 
> Deviation Media Solution
> http://www.deviation.nl/
> 
> 
> 
> 
>