Hier mal ein Tutorial für das Skript !
Man erstellt eine Bildergalerie mit Bildern (mit Vorschaubilder). Dann
ein Text-Objekt mit Kartenreiter, wobei man die Kartenreiter so anlegt
wie man die Bilder im Galery-Objekt gereiht hat. Bildernamen sind egal !
Dann schaut man im Quelltext nach welche Nummer die Bildergalerie und das Text-Objekt hat ! (z.B. imObjectGallery_1 bzw. imTextObjekt_2 ) Die Zahl merkt man sich !
Dann fügt man auf der Seite wo die Objekte drinnen sind unter
"Eigenschaften der Seite" "Erweitert" "vor dem </head> Tag
folgenden Code ein...
<script>
var gall = '1'; //Nummer von Bildergallerie
var text = '2'; //Nummer von Text-Objekt
</script>
<script>
$(document).ready(function () {
$('#imObjectGallery_' + gall).on('click', 'div + div div img', function () {
var item = $(this).index();
$('#imTextObject_'+ text + ' .text-tabs-inner a').eq(item).triggerHandler('click');
});
$('#imTextObject_'+ text + ' .text-tabs-inner a').click(function () {
var item = $(this).index();
$('#imObjectGallery_'+ gall + ' div + div div img').eq(item).triggerHandler('click');
});
});
</script>
Wobei man bei der Zahl die Nummer der Objekt eintragen muss !
Fertig !