FORUM » TypoScript » Sonstiges

TS: Image als Link auf sich selbst

Autor Nachricht
Verfasst am: 12.02.2008 [18:14]
bbb


[Themenersteller]
dabei seit: 11.11.2006
Beiträge: 124
 Hallo TypoScript Freunde...

vielleicht steh ich hier ja ganz gewaltig auf dem Schlauch, aber ich kriege es nicht hin, folgenden Code zu produzieren:

Html4strict:Zeilennummerierung:  An / Aus

  1. <a href="http://linkzumeinem.org/bild.jpg" class="sowieso" rel="lightbox"><img src="http://linkzumeinem.org/bildthumbnail.jpg"></a>


Das Ganze muss ich auf jede Menge Bilder anwenden, die schon mit folgendem Code produziert wurden:

Html4strict:Zeilennummerierung:  An / Aus

  1. <a href="#" class="sowieso" rel="lightbox"><img src="http://linkzumeinem.org/bild.jpg"></a>


Ein Vorgänger hat folgenden (in meinen Augen unglücklichen) Code verwendet:
Typoscript:Zeilennummerierung:  An / Aus

  1. tt_content.textpic.20.rendering {
  2.  dl {
  3.         oneImageStdWrap.insertData = 1
  4.         oneImageStdWrap.wrap = <a href="#" rel="lightbox">|</a>
  5.         imgTagStdWrap.wrap = |
  6.   }
  7. }
  8.  
  9. tt_content.image.20.1 {
  10.         stdWrap.insertData = 1
  11.         wrap = <a href="#" rel="lightbox">|</a>
  12. }


Meine Versuche mit imageLinkWrap schlugen fehl, weiss jemand Rat?

Typoscript:Zeilennummerierung:  An / Aus

  1. imageLinkWrap = 1
  2.         imageLinkWrap.enable = 1
  3.         imaeeLinkWrap {
  4.                 typolink {
  5.                 parameter = {TSFE:lastImageInfo|origFile}
  6.                 ATagParams = rel="lightbox"
  7.                 ATagParams.insertData = 1
  8.                 }
  9.         }


Das Ganze hat den Hintergrund, dass eine Abart einer Lightbox den Link gerne mit href="#" hat und dem Browser gern schon das große Bild schickt, während es netter wäre, ein thumbnail zu verwenden.
thx in advance,
bbb

ps: wenn jemand einen schnipsel hat, der den thumbnail direkt generiert, bin ich darüber auch sehr frohicon_wink.gif

[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 12.02.2008 um 18:16]
psychedelic experimentations
Verfasst am: 12.02.2008 [18:25]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15712
über 5000 Posts über 10000 Posts über 15000 Posts		 Hi,

schau dir doch einfach von den lightbox ext den ts code an, zB perfectlightbox, pmk_slimbox (nicht von der kj_...!)

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 12.02.2008 [19:21]
bbb


[Themenersteller]
dabei seit: 11.11.2006
Beiträge: 124
 Hi Georg,

ja das ist witzig. Ich hatte schon deine SmoothGallery im PHP Editor, doch da hab ich nen Rückzieher gemacht -> viel zu stramm.

An der Stelle mal Respekt :)

Danke für die Antwort, anyway. Bin gespannt, ob ich ne TS Lösung aus den Extensions ableiten kann.

bbb
psychedelic experimentations
Verfasst am: 12.02.2008 [19:31]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15712
über 5000 Posts über 10000 Posts über 15000 Posts		 naja so schwer is das ja nicht
Typoscript:Zeilennummerierung:  An / Aus

  1. tt_content.image.20.1 {
  2.   imageLinkWrap.stdWrap.append = TEXT
  3.   imageLinkWrap.stdWrap.append.value =<div class="t4"><div class="t3"></div></div>
  4.  
  5.         titleText.override.field = {$plugin.perfectlightbox.captionField}
  6.         titleText.override.htmlSpecialChars = 1
  7.         titleText.override.if.isTrue.field = tx_perfectlightbox_activate
  8.         imageLinkWrap { 
  9.                 typolink {
  10.                         ### Only split when links are set... otherwise lightbox will ONLY work for the first image...
  11.                         parameter.listNum.stdWrap.if.isTrue.field = image_link
  12.                                
  13.                         ### This returns a link, pointing to the path + name of the original image / resized lightbox image (if maxH or maxW is reached)
  14.                         ### Overriding ONLY when imagezoom AND lightbox are activated AND no link is set
  15.                         parameter.override.cObject = IMG_RESOURCE
  16.                         parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
  17.                         parameter.override.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
  18.                         parameter.override.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}      
  19.                         parameter.override.if.isTrue.field = image_zoom
  20.                         parameter.override.if.isTrue.field = tx_perfectlightbox_activate
  21.                         parameter.override.if.isFalse.field = image_link
  22.  
  23.                         #ATagParams.if.isTrue.field = image_zoom
  24.                         #ATagParams.if.isTrue.field = tx_perfectlightbox_activate
  25.                         #ATagParams.if.isFalse.field = image_link
  26.                        
  27.                         ### Now the userfunc does the dirty work
  28.                         userFunc = tx_perfectlightbox->main     
  29.                 }
  30.         }
  31. }


die ganzen if kannst ja weglassen, die userfunc ebenso...

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 13.02.2008 [07:17]
bbb


[Themenersteller]
dabei seit: 11.11.2006
Beiträge: 124
 Uff, danke. Erhalte gerad wohl nen tiefen Einblick in Deine Snippet-Sammlung, was?

Habe die ganze Zeit schon an der TSFE:lastImageInfo geknabbert, melde mich im Laufe des Tages mal mit meiner Vereinfachung, wenn´s passt.

best wishes,
bbb
psychedelic experimentations
Verfasst am: 13.02.2008 [07:39]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15712
über 5000 Posts über 10000 Posts über 15000 Posts
bbb schrieb:

Uff, danke. Erhalte gerad wohl nen tiefen Einblick in Deine Snippet-Sammlung, was?

das ist einfach aus der perfectlightbox. also ein "leider nein" ;)

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 07.05.2008 [21:44]
Sake

dabei seit: 19.04.2008
Beiträge: 13
 Ich würde zu gerne wissen ob hier eine Lösung bei raus gekommen ist.



Typoscript:Zeilennummerierung:  An / Aus

  1. 10 = IMAGE
  2.  10.file.import = uploads/tx_templavoila/
  3.  10.file.import.current = 1
  4.  10.file.import.listNum = 0
  5.  10.file.XY = 200
  6. 10.imageLinkWrap = 1
  7. 10.imageLinkWrap {
  8. enable = 1
  9. typolink {
  10. parameter.data = !!!hier der link auf das original Bild!!!
  11. ATagParams = rel="shadowbox"
  12. }
  13. }


Gibt es den keine Funktion die man bei parameter.data eingeben kann die sofort auf die original Version des Thumbnails linkt?
Verfasst am: 24.06.2008 [23:48]
Flows

dabei seit: 09.03.2005
Beiträge: 117
 Da möchte ich mich gerne mal mit einem identen problem anschließen:
Ich möchte auch eine lightbox bauen. nur ich möchte nicht auf das selbe bild linken sondern auf ein anderes welches mit TS erzeugt wird.
Typoscript:Zeilennummerierung:  An / Aus

  1. 10 = IMAGE
  2.         10.file.import = uploads/tx_templavoila/
  3.         10.file.import.current = 1
  4.         10.file.import.listNum = 0
  5.         10.file.maxW = 200
  6.         10.imageLinkWrap = 1
  7.         10.imageLinkWrap {
  8.                 enable = 1
  9.                
  10.                 wrap = <A href="Bild 11???" rel="lightbox[mando]" id="image1"> | </A>
  11.        
  12.         11 = IMAGE
  13.         11.file.import = uploads/tx_templavoila/
  14.         11.file.import.current = 1
  15.         11.file.import.listNum = 0
  16.         11.file.maxW = 500


Wie bekomme ich das Bild ds Layers 11 in den href von 10 rein?
Ich hoffe doch das es einfacher geht als mit dem geposteten Code vom Georg



Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

  
TYPO3 Version 4.2.0 testen

TYPO3 Ver. 4.2.0 testen

Testen Sie die neue TYPO3 Version 4.2.0 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops

TYPO3 Einführungsschulung
in Berlin:
Montag, 07.07.
in Espelkamp:
Montag, 04.08.
TYPO3 Intensivschulung
in Espelkamp:
Mi., 06.08. - Fr., 08.08.
in Würzburg:
Mo., 18.08. - Mi., 20.08.
in Köln:
Mo., 01.09. - Mi., 03.09.
in Berlin:
Mi., 24.09. - Fr., 26.09.
TYPO3 Extensionschulung
in Berlin:
Mo., 14.07. - Mi., 16.07.
in Espelkamp:
Mo., 11.08. - Mi., 13.08.