So, hier eine hoffentlich verständliche Anleitung:
Über den Menuepunkt "Ressourcen" gelangst Du hierher,
wo Du diese beiden Unterordner anlegst:
unter "files" -> "graphics", und darunter wieder "outlines".
Nun lädst Du die Dateien, die in den gleichnamigen zip-Dateien sind, nach Entpacken in diese Ordner. (Ich habe alle noch einmal in eine Gesamt-Datei gepackt).
Es wird Fehlermeldungen geben, dass einige Dateien nicht hochgeladen werden konnten; aber das ist nicht tragisch, es handelt sich dabei um zwei Lupensymbole.
Gut, jetzt sieht es so aus:
Jetzt kommt die Einbindung in die Frage:
Zunächst werden die benötigten Dateien aus den Ressourcen eingebunden:
Code:
<script type="text/javascript" src="/survey/upload/surveys/{SID}/files/highslide-full.min.js"></script>
<link href="/survey/upload/surveys/{SID}/files/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
hs.graphicsDir = '/survey/upload/surveys/{SID}/files/graphics/';
hs.wrapperClassName = 'wide-border';
hs.align = 'center';
</script>
Wie Du siehst, habe ich hier die SurveyID durch den Platzhalter
{SID} eingebunden; dann muss man ihn nicht immer anpassen.
Und jetzt das Bild an sich.
Komischerweise muss man hier - in der zweiten Zeile - doch die aktuelle SurveyID eingeben
Code:
<a class="highslide" href="/survey/upload/surveys/{SID}/images/boot500.jpg" onclick="return hs.expand(this)" rel="highslide">
<img alt="Highslide JS" src="/survey/upload/surveys/864689/images/boot500.jpg" title="Klicken zum Vergrößern" width="100%" />
</a>
Hier ist zweimal dasselbe Bild genommen worden. Solltest Du über ein kleines und ein großes Bild verfügen, kannst Du auch beide nehmen
Code:
<a class="highslide" href="/survey/upload/surveys/{SID}/images/boot_gross.jpg" onclick="return hs.expand(this)" rel="highslide">
<img alt="Highslide JS" src="/survey/upload/surveys/864689/images/boot_klein.jpg" title="Klicken zum Vergrößern" width="100%" />
</a>
Hier die gezipte Datei mit den Ressourcen:
File Attachment:
File Name:
gesamt.zip
File Size:85.51 KB
Und natürlich das LS-Beispiel; da die Bilder nicht bei Dir sind, ist dies mehr gedacht als Vorlage.
Viel Erfolg
Joffm