Zum Inhalt springen

TS: Image als Link auf sich selbst

Erstellt am 12. Februar 2008 · 7 Antworten · letzte Antwort am 24. Juni 2008

Tags: Bilder, Frage

bbb ·

Hallo TypoScript Freunde...

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

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

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

tt_content.textpic.20.rendering {
 dl {
	oneImageStdWrap.insertData = 1
	oneImageStdWrap.wrap = <a href="#" rel="lightbox">|</a>
	imgTagStdWrap.wrap = |
  }
}

tt_content.image.20.1 {
	stdWrap.insertData = 1
	wrap = <a href="#" rel="lightbox">|</a>
}

Meine Versuche mit imageLinkWrap schlugen fehl, weiss jemand Rat?

imageLinkWrap = 1
	imageLinkWrap.enable = 1
	imaeeLinkWrap {
		typolink {
		parameter = {TSFE:lastImageInfo|origFile}
		ATagParams = rel="lightbox"
		ATagParams.insertData = 1
		}
	}

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 froh 😉

just2b ·

Hi,

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

georg

bbb ·

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

just2b ·

naja so schwer is das ja nicht

tt_content.image.20.1 {
  imageLinkWrap.stdWrap.append = TEXT
  imageLinkWrap.stdWrap.append.value =<div class="t4"><div class="t3"></div></div>
  
	titleText.override.field = {$plugin.perfectlightbox.captionField}
	titleText.override.htmlSpecialChars = 1
	titleText.override.if.isTrue.field = tx_perfectlightbox_activate
	imageLinkWrap {	
		typolink {
			### Only split when links are set... otherwise lightbox will ONLY work for the first image...
			parameter.listNum.stdWrap.if.isTrue.field = image_link
				
			### This returns a link, pointing to the path + name of the original image / resized lightbox image (if maxH or maxW is reached)
			### Overriding ONLY when imagezoom AND lightbox are activated AND no link is set
			parameter.override.cObject = IMG_RESOURCE
			parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
			parameter.override.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
			parameter.override.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}		
			parameter.override.if.isTrue.field = image_zoom
			parameter.override.if.isTrue.field = tx_perfectlightbox_activate
			parameter.override.if.isFalse.field = image_link

			#ATagParams.if.isTrue.field = image_zoom
			#ATagParams.if.isTrue.field = tx_perfectlightbox_activate
			#ATagParams.if.isFalse.field = image_link
			
			### Now the userfunc does the dirty work
			userFunc = tx_perfectlightbox->main	
		}
	}
}

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

georg

bbb ·

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

just2b ·
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

Sake ·

Ich würde zu gerne wissen ob hier eine Lösung bei raus gekommen ist.

 10 = IMAGE
 10.file.import = uploads/tx_templavoila/
 10.file.import.current = 1
 10.file.import.listNum = 0
 10.file.XY = 200
10.imageLinkWrap = 1
10.imageLinkWrap {
enable = 1
typolink {
parameter.data = !!!hier der link auf das original Bild!!!
ATagParams = rel="shadowbox"
}
}

Gibt es den keine Funktion die man bei parameter.data eingeben kann die sofort auf die original Version des Thumbnails linkt?

Flows ·

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.

	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 200
	10.imageLinkWrap = 1
	10.imageLinkWrap {
		enable = 1
		
		wrap = <A href="Bild 11???" rel="lightbox[mando]" id="image1"> | </A>
	
	11 = IMAGE
	11.file.import = uploads/tx_templavoila/
	11.file.import.current = 1
	11.file.import.listNum = 0
	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