Highslide-test

Først en simpel billede popup. Der bruges et foto for popup delen og et foto som thumbnail foto.

Her er koden der skal indsættet i code mode i JCE

Du skal ændre sti og navn på foto . Klip og kopier derefter koden ind i din artikel som skal være i code mode.

1 sti til mit hoved foto

/images/kategorier/kassen/full-image.jpg

2 Sti til tumbnail foto

/images/kategorier/kassen/thumbnail.jpg

<a href="/images/kategorier/kassen/full-image.jpg" 
class="highslide" onclick="return hs.expand(this,
{outlineType: 'rounded-white'})"> 
<img src="/images/kategorier/kassen/thumbnail.jpg"
 alt="Highslide JS" width="107" height="120" title="Click to enlarge" /></a>

Dette er koden der skal stå i artiklens header. Det røde skal ændre alt efter hvilken konfigurations filer du bruger.

Dette eksempel bruger kun koden til billedet, da side defult konfigurations filerne allerede er indlæst for hele hjemmesiden

java scriptet

plugins/content/highslide/config/js/highslide-navn-settings.js

css script

/highslide/config/css/highslide-navn-settings.css

<script type="text/javascript" src="/plugins/content/highslide/config/js/highslide-navn-settings.js"> </script>
<style>
<link rel="stylesheet" type="text/css" href="/highslide/config/css/highslide-navn-settings.css" />
</style>


<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = '/plugins/content/highslide/graphics/';
</script>