Extension rgnewsimg
The extension rgnewsimg is another addon for the extension tt_news (thanks at this place to Rupi). The extension allows to display the images in the single view splitted in several parts. The parts can be positioned and configured independent from each other.
3 examples
The examples below should demonstrate what is already possible.
- One big header images at the top of the news record, cropped with the TYPO3 functionality. All the other images are just at the right side of the text.
- In opposition to the typ I the headerimage is a bit higher. The next 2 images are on the right side of the content and all the others are positioned at the left side.
- 2 Headerimages next to each other which share the whole width. Underneath there is the teasertext and afterwards again 3 images sharing the whole width. All the other images are positioned left to the text.
- Example 1: Headerimage + Standard
- Example 2: Headerimage + Images left + Images right
- Example 3: 2 Headerimages + 3 images + standard
Demonstration
Saturday 12. of April 2008 rgnewsimg Type I
One big header images at the top of the news record, cropped with the TYPO3 functionality. All the other images are just at the right side of the text.
Saturday 12. of April 2008 rgnewsimg Typ II
In opposition to the typ I the headerimage is a bit higher. The next 2 images are on the right side of the content and all the others are positioned at the left side.
Saturday 12. of April 2008 rgnewsimg TYP III
2 Headerimages next to each other which share the whole width. Underneath there is the teasertext and afterwards again 3 images sharing the whole width. All the other images are positioned left to the text.
Page 1 from 1: 1
Erst einmal vielen Dank für diese sehr nützliche Extention!
Aber ich habe auch noch ein Problem: wenn ich den standart marker ###NEWS_IMAGE### im tt_news template lasse, habe ich bei allen Layouts, bis auf das Standard layout die bilder doppelt. Entferne ich diesen Marker, kommen die neuen Layouts gut, aber beim standard layout fehlen dann die bilder gänzlich...
ich weiß du gibst keinen support, aber evtl. kann mir jemand sagen, was ich übersehe...
Hallo - super Extension! Leider bekomme ich die Ansicht mit perfectlightbox nicht hin. All die Tipps haben nichts geholfen. Kann mir jemand den goldenen Tipp geben?
Typo3 4.2.6, perfectlightbox 2.2.4
So - es läuft!!!
Hier mein Code, vielleicht hilft er anderen weiter.
### Code which activate the Perfectlightbok ####
temp.imageLinkWrap = 1
temp.imageLinkWrap {
enable = 1
typolink {
### Note the names of the fields! They are different from the ones tt_content uses! (except imagecaption)
title.field = imagecaption // imagealttext // imagetitletext
title.split.token.char = 10
### This works only with the imageMarkerFunc!
title.split.returnKey.data = register : IMAGE_NUM_CURRENT
title.htmlSpecialChars = 1
parameter.cObject = IMG_RESOURCE
parameter.cObject.file.import.data = TSFE:lastImageInfo|origFile
parameter.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
parameter.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}
ATagParams = rel="lightbox[lb{field:uid}]"
ATagParams.insertData = 1
}
}
plugin.tt_news {
rgnewsimg = 1
rgnewsimg {
# 1Bild oben und 30 weitere unten
split = 1,30
# Imageset 1
image1WithCaption {
wrap = <div class="news-set1-img1">|</div>
}
image1AllWrap {
wrap = <div class="news-set1-img1all">|</div>
}
image1 {
file {
width = 385m
height = 300m
#width = 417c
#height = 200c
}
imageLinkWrap = 1
imageLinkWrap {
enable = 1
typolink {
parameter.cObject = IMG_RESOURCE
parameter.cObject.file.import.data = TSFE:lastImageInfo|origFile
parameter.cObject.file.maxW = 1000m
parameter.cObject.file.maxH = 600
ATagParams = rel="lightbox[{field:uid}]"
ATagParams.insertData = 1
title.field = imagecaption // imagealttext // imagetitletext
title.split.token.char = 10
title.split.returnKey.data = register : IMAGE_NUM_CURRENT
title.htmlSpecialChars = 1
}
}
}
caption1 {
wrap = <div class="caption">|</div>
}
image2 {
file {
width = 60c
height = 60c
}
imageLinkWrap = 1
imageLinkWrap {
enable = 1
bodyTag = <body bgColor="#ffffff">
wrap = <a href="javascript:close();"> | </a>
width = 800m
height = 800m
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 17,20
}
}
caption2 <.caption1
# Imageset 3
image3 <.image2
caption3 <.caption2
image3WithCaption.wrap = <div class="news-set1-img3">|</div>
image3AllWrap.wrap = <div class="news-set1-img3all">|</div>
}
}
# Include the own userfunction
includeLibs.rgnewsimg = EXT:rgnewsimg/condition.php
[userFunc = user_rgnewsimg(1)]
plugin.tt_news.rgnewsimg= 1
[global]
[userFunc = user_rgnewsimg(2)]
plugin.tt_news {
templateFile = EXT:rgnewsimg/res/rgnewsimg2.html
rgnewsimg = 1
rgnewsimg {
split = 1,2,30
image1 {
file {
width = 385m
height = 400m
#width = 545c
#height = 300c
}
}
image3WithCaption.wrap = <div class="news-set2-img3">|</div>
image3AllWrap.wrap = <div class="news-set2-img3all">|</div>
}
}
[global]
[userFunc = user_rgnewsimg(3)]
plugin.tt_news {
templateFile = EXT:rgnewsimg/res/rgnewsimg3.html
rgnewsimg = 1
rgnewsimg {
split = 2,3,30
image1 {
file {
width = 200m
height = 300m
}
}
image1WithCaption.wrap = <div class="news-set3-img1">|</div>
image1AllWrap.wrap = <div class="news-set3-img1all">|<div class="clr"></div></div>
image2 {
file {
maxW >
maxH >
width = 60c
height = 60c
}
}
image2WithCaption.wrap = <div class="news-set3-img2">|</div>
image2AllWrap.wrap = <div class="news-set3-img2all">|<div class="clr"></div></div>
image3WithCaption.wrap = <div class="news-set3-img3">|</div>
image3AllWrap.wrap = <div class="news-set3-img3all">|<div class="clr"></div></div>
}
}
[global]
after messing around with TS to get the alt-text to work, I modified the extension:
in file class.tx_rgnewsimg_fe.php
near line 40:
$imageList = t3lib_div::trimExplode(',', $row['image'],1);
add:
$altList = t3lib_div::trimExplode("\n", $row['imagealttext'],1);
$titleList = t3lib_div::trimExplode("\n", $row['imagetitletext'],1);
near line 57:
if ($pObj->config['firstImageIsPreview']==1) {
array_shift($imageList);
add
array_shift($altList);
array_shift($titleList);
near line 77
$imgConf['file'] = 'uploads/pics/'.array_shift($imageList);
add
$imgConf['altText'] = array_shift($altList);
$imgConf['titleText'] = array_shift($titleList);
this will bring Alt-text and Title attributes zu live.
Thank You for this great extension, it's very very useful
Hi. Great extension.
It is possible to call the caption slider from outside like myGallery.nextItem()?
I want my visitor descide if the want to read the image comment or not. How could i acceive this?
thanks
Jack
Hi,
danke auch von meiner Seite für deine Extension. Aber hast Du eine Idee, wie man die einzelnen Bilder mit einer Lightbox (egal was für eine) als Imageset nutzen kann?
Ich habe bereits den TS Code von Erik getestet - leider ohne Erfolg.
Danke und Gruß
Boris
Hey Boris,
I found a solution here that works for me : www2.typo3.net/index.php=
Hi - I really like the rgnewsimages extension for choosing different news layouts, but I cannt get it to work with "perfectlightbox". I noticed the example below, which I attempted to add to my typoscript setup. Unfortunately while it DOES add the rel="lightbox" links to the news images, it still pops up in a javascript popup window and not lightbox.. any ideas?
eine wunderbare extension. bevor ich mich an sie gewagt habe, bin ich ueber tt_news beschraenkte bildermöglichkeiten schier verzweifelt. >>> vielen, vielen dankl!!!
ein problem habe ich allerdings und wollte fragen, ob dies moeglich ist:
in einem der designsets soll die caption ueber dem bild stehen. geht das?
...ach so...und meine zweite frage:
eigentlich wollten wir eine möglichst barrierearme seite programmieren. bei der extension wird leider kein alt.text mitgegeben, oder kann man das einstellen?
Hallo, caption sollte mit dem template problemlos gehen. alttext mit TS
Moin!
Eine wundervolle keine Ext! Gern würde ich aber noch meine Lightbox (Perfect Lightbox2 v2.2.3) auch für die neuen ImageSet mit nutzen. Läuft z.B. aber nur für die Bilder im Orginal tt_news-Marker ###NEWS_IMAGE###. Gibt's 'nen Trick - oder läuft dein rgsmoothgallery damit zusammen?
Bemerkung: Im Manual unter "You like the extension?" ist im ersten Link ein / zuviel ...
Hallo,
sorry für die späte Antwort! das sollte kein problem sein, einfach die rel tags per TS noch dazugeben
Moin!
... ich dachte mir auch, das es ganz einfach sein sollte - aber ich hab wohl ein brett vom Kopf ... !
Laut Doko zu PerfectLightBox 2 (v2.2.3) vgl. S. 9: soll man einfach dem typolink ein .ATagParams = rel="... mitgeben. Also mein versuch:
[userFunc = user_rgnewsimg(1)]
plugin.tt_news {
rgnewsimg = 1
rgnewsimg {
split = 1,8
image2 {
imageLinkWrap.typolink.ATagParams = rel="lightbox[123456]"
imageLinkWrap.ATagParams = rel="lightbox[123456]"
}
}
}
[global]
so und Ähnliches führte aber nicht zum Erfolg (der rel="..." taucht nicht mal im Quelltext auf ... ). Ich denk mal ich hab da gerade eine Holzweg unter den Füssen (passend zum Brett vorm Kopf!).
Wo mach ich den Denkfehler? Schon mal Danke!
As I understand some German, but don't speak and write it, my comments are in English.
Klaus, your TS code is both incomplete and partly wrong.
Here is how I solved it, as using only typolink.ATagsParams didn't solved the problem
### Code which activate the Perfectlightbok ####
temp.imageLinkWrap = 1
temp.imageLinkWrap {
enable = 1
typolink {
### Note the names of the fields! They are different from the ones tt_content uses! (except imagecaption)
title.field = imagecaption // imagealttext // imagetitletext
title.split.token.char = 10
### This works only with the imageMarkerFunc!
title.split.returnKey.data = register : IMAGE_NUM_CURRENT
title.htmlSpecialChars = 1
parameter.cObject = IMG_RESOURCE
parameter.cObject.file.import.data = TSFE:lastImageInfo|origFile
parameter.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
parameter.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}
ATagParams = rel="lightbox[lb{field:uid}]"
ATagParams.insertData = 1
}
}
### Code for the spesific rgnewsimg ( only the relevant part) ###
[userFunc = user_rgnewsimg(2)]
plugin.tt_news {
rgnewsimg = 1
rgnewsimg {
split = 1,4
}
image2 {
file {
imageLinkWrap = 1
imageLinkWrap < temp.imageLinkWrap ## using the perfectlightbox part
}
}
}
Working example. home.linnearad.no/weblog/nyhetsside/article/blomsterfryd-225//nbp/137.html. Sorry, only Norwegian.
Kann es sein, dass diese Extension nicht funzt, wenn man das tt_news template "mittelstark" umgebaut hat? ...weil bei mir macht die Extension rein gar nichts.
kann ich mir nicht vorstellen.
Seltsam, bei mir haben die Bilder danach eine viel schlechter Qualität. Das ist mir bereits bei der smooth gallery aufgefallen. Sind zwar JPGs, schauen aber auc wie GIFs. Woran das wohl liegt?
Hallo Thomas, wenn du das cropping meinst, das wird mit 4.2. behoben oder du holst dir so den patch aus dem bugtracker, dann passts auch! die anderen bilder sollten auch so passen!
ups, das ging aber schnell...
Nein, das meine ich nicht. Es ist tatsächlich die Bildqualität selber. Bei den beschnittenen Bilder habe ich ein ziemliches GIF grieseln drinnen. Da scheint irgendeine Kompression oder so nicht zu funktionieren. Trotzdem danke für die promte Antwort.
dann ist da aber sicherlich ein width=123c oder height=123c gesetzt. und das ist cropping
Eigentlich habe ich garnichts gesetzt. Alles nach Anleitung eingebaut und fertig.
Macht aber nichts leider ist die Extension nicht wirklich was ich suche. Ich würde gerne so wie in den Content Elementen Bilder in tt_news anordnen können. zB 3 Bilder in einer bestimmten größe nebeneinander usw. Finde ich eigentlich seltsam, dass diese Extension noch niemand geschrieben hat. Immerhin ist tt_news ja fast auf jeder typo3 Seite im Einsatz. Kennst du so eine Extension?
die ext verwendet on default cropping ;)
www.rggooglemap.com/dev/rgnewsce.html ist wohl was du suchst?
JAAAAAAA! Hurra!
Aber leider gibt es diese Extension nocht nicht, oder?
Das wäre wirklich eine wunderbare Sache...
Genau was ich brauche (wahrscheinlich nicht nur ich)
LG Thomas
www.thomas-hirt.at/teatro/cms/mitmachen/kinder-news/detailansicht/datum/2008/04/22/fuer-tina-zierhofer-wieder-ein-erster-preis-maerz-2008.html
Hi!
Nur noch damit du das mit der Bildqualität mal siehst ein Link.
Den lasse ich aber nur bis morgen drinnen :)
LG Thomas
Diese Extension verbesseret die Qualität des Gifbuilders: kb_allcolors
Dann macht die Crop Funktion das Bild nicht zunichte!
Moin! Warum kann ich die Extension nicht im TER finden? Bin ick blind!?
Wieder hat es Georg geschafft, mit einer Extension zu begeistern! Bitte weiter so Georg!!!
Gruß Frank
Danke! Und nicht vergessen die Extension zu bewerten
Page 1 from 1: 1