Tutorial - Gallery und Text-Objekt

Direkt zum Seiteninhalt

Hauptmenü:

Galerie_mit_Tab
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 !
 
Copyright 2015 Webdesign Markersdorf
Zurück zum Seiteninhalt | Zurück zum Hauptmenü