Zum Inhalt springen

tt_content.image.20.1. clickenlarge verändern

Erstellt am 8. April 2009 · 1 Antwort · letzte Antwort am 10. April 2009

Tags: Bilder, JavaScript & AJAX, Frage

jubelmann ·

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.

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

just2b ·

Hallo,

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

georg