Einfügen von Fotos mit Javascriptvorschau

Dieses How-To zeigt, wie man Fotos in Inhaltsseiten mit der Javascriptvorschau verbindet. Diese ist aus dem Neuigkeitenmodul und der Bildergalerie bekannt:

Um Fotos mit der Javascriptvorschau in einer Inhaltseite anzeigen zu können, muss zuerst ein Javascript geladen werden. Alle Schritte sind im CMS-Adminpanel durchzuführen.

Vorschaufoto in Seite einfügen
Als nächstes muss das Vorschaufoto in die Inhaltsseite eingefügt werden. Dazu bitte über Seiten»Verwaltung den WYSIWYG-Editor der gwünschten Seite öffnen ().

Im Editor wird zuerst die Javascript-Variable eingefügt. Dazu bitte auf das HTML-Symbol klicken und die Variable bopicturebox auswählen. Diese Variable sollte nur einmal in der Inhaltsseite vorkommen. Im nächsten Schritt wird über das Bild-Symbol ein Popup geöffnet, über das nun das Foto ausgewählt und in die Seite eingefügt wird.

Klicken Sie zuerst auf Durchsuchen.

Dann wechseln Sie vom Dateimanager in die Bildergalerie.

Und klicken dort auf den Link "Vorschaugrafik". Damit ist dann die Grafik geladen und kann über den Einfügen-Button in die Inhaltsseite eingefügt werden.

Wenn das Vorschaufoto später keinen Rahmen haben soll, so geben Sie im Popupreiter "Aussehen" als Rahmen die 0 ein.

 

Foto verlinken
Nun ist die Vorschaugrafik eingefügt. Es fehlt noch die Verlinkung auf die Vollansicht. Dazu muss die Vorschaugrafik markiert werden. Je nach Browser muss dazu das Foto angeklickt oder mit gedrückter linker Maustaste von links nachs rechts überflogen werden. Am einfachsten ist es, den Textcursor links vom Bild zu platzieren und dann mit gedrückter Shift-Taste die Cursor-Rechts-Taste zu betätigen. Damit ist das Vorschaufoto markiert und das Link-einfügen-Symbol kann betätigt werden.

Im Popup dann wieder auf Durchsuchen klicken und das gewünschte Foto aus der Bildergalerie auswählen (Diesmal auf das Foto und nicht auf "Vorschaugrafik" klicken.

Wechseln Sie dann in den Reiter "Erweitert" und wählen als Beziehung der Seite zum Linkziel die Option "Bo)PictureBox" aus.

Mit einem Klick auf "Einfügen" wird die Einstellung gespeichert.

 Wenn Sie die Seite nun abspeichern, haben Sie ein Foto mit der Javascriptvorschau verlinkt.

Fotos im Fließtext

Damit Fotos nicht in einem eigenen Absatz präsentiert werden, wählen Sie das Bild im WYSIWYG-Editor mit einem Linksklick aus und klicken dann auf das Symbol "Bild einfügen/ersetzen". Im Reiter "Aussehen" nehmen Sie als "Ausrichtung" die Auswahl "Links".



« Zurück

 

© 2009-2014 HostOn.de | SSL ist deaktiviert SSL aktivieren | via IPv4
Neuigkeiten
Regeln
Abuse
AGB
Datenschutz
Widerrufsrecht
Kontakt
Impressum

Gratis Bulletin Board
Gratis WordPress