Damit die API von COPPIO Ihre Bilder
erkennt, die zur Entwicklung bereitgestellt
werden sollen, müssen alle Bilder folgenden
Tags haben.
<img
src="http://linkzuihrembild_thumbnail.de"
alt="vorschau"
data-coppio-imgurl="linkzuihrembild"
data-coppio="image"
>
Sobald jetzt auf das Bild geklickt wird,
erkennt COPPIO das Bild und speichert dieses
ab. Das angeklickte Bild erhält zudem die
Klasse ".coppio-img-active", sodass das
ausgewählte Bild kenntlich gemacht werden
kann. Beispielsweise so:
<style>
.coppio-img-active { border: 2px solid #333; }
</style>