---
title: "tt_content.image.20.1. clickenlarge verändern"
url: "https://www.typo3.net/d/88750-tt-contentimage201-clickenlarge-veraendern"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","JavaScript & AJAX"]
created: "2009-04-08"
last_reply: "2009-04-10"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# tt_content.image.20.1. clickenlarge verändern

TYPO3 › TypoScript · 1 Antwort · gestartet 2009-04-08

## Eröffnungsbeitrag

**jubelmann** · 2009-04-08 · [Beitrag #1](https://www.typo3.net/d/88750-tt-contentimage201-clickenlarge-veraendern/1)

Hallo Allerseits,

ich sehe den Wald vor lauter Bäumen nicht mehr.

Ich versuche die clickenlarge Funktion von Bildern zu verändern und diese anstatt in einem Popup in einem jquery Slider zu öffnen.

Das kleine Bild wird bereits angezeigt, wenn ich anklicke geht der Slider auf - das Javascript funktioniert, die Verlinkung funktioniert. Einzige Haken, ich bekomme das eigentliche Bild nicht in das DIV.Egal was ich mache ich bekomme es nicht aufgeteilt in Voschaubild und großes Bild.

Wahrscheinlich ist das der komplett falsche Ansatz. Das ist das TS das teilfunktioniert.

```typoscript
tt_content.image.20.1 = IMAGE
tt_content.image.20.1 {

 imageLinkWrap = 0
 stdWrap.typolink.enable = 1
 stdWrap.typolink.parameter.insertData = 1
 stdWrap.typolink.parameter = #
 stdWrap.wrap (
 
	<script type="text/javascript">
	<!--
	jQuery(document).ready(function() {
        $("a#Toogleimagebar").click().toggle(function() {
                $('#imagebar').animate({
                        width: 'show',
                        opacity: 'show'
                }, 'slow');
        }, function() {
                $('#imagebar').animate({
                        width: 'show',
                        opacity: 'show'
                }, 'slow');
        });
        $("a#Toogleimagebar_close").click().toggle(function() {
                $('#imagebar').animate({
                        width: 'hide',
                        opacity: 'hide'
                }, 'slow');
        }, function() {
                $('#imagebar').animate({
                        width: 'hide',
                        opacity: 'hide'
                }, 'slow');
        });
});
-->
</script>
|


<div id="imagebar">
  <div style="width:585px;text-align:right;color:#ffffff;margin-top:20px;margin-left:-20px;"><a href="#" id="Toogleimagebar_close" title="ausblenden">X</a></div>
|
</div>
)
 stdWrap.typolink.ATagParams = id="Toogleimagebar"
 stdWrap.typolink.ATagParams.insertData = 1

}
```

Ich sitze da jetzt schon ewig dran und bin ein wenig verzweifelt und planlos. Kannn mir einer mal einen Tip geben.

Vielen Dank und Grüße

Frank

## Antworten

### [#2](https://www.typo3.net/d/88750-tt-contentimage201-clickenlarge-veraendern/2) · just2b · 2009-04-10

Hallo,

schau dir doch einfach von den lightbox-extensions den code ab, die machen doch e was ziemlich ähnliches

georg

---

Quelle: „tt_content.image.20.1. clickenlarge verändern“, typo3.net, https://www.typo3.net/d/88750-tt-contentimage201-clickenlarge-veraendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.