Comparison plugin vo Webnode – HTML / XHTML – Fórum – Programujte.com

Nazdar,

môže mi niekto poradiť ako si vytvorím HTML kód kde chcem použiť porovnávací plugin Cocoen ?

Domovská stránka pluginu:

https://github.com/koenoe/cocoen

Web mám spravený na Webnode a do políčka na to určeného potrebujem vložiť ten HTML kód ale ako tam dostanem tie obrázky to fakt netuším.

Udelej si tu stranku nejdriv na plose v nejake slozce a az ti to bude fungovat, tak se ptej. Takhle to vypada, ze sis neprecetl navody ani u pluginu ani na webnode.

https://github.com/koenoe/cocoen

<div class="cocoen"> -- obrazky / html
  <img src="...stranka/img/before.jpg" alt="">
  <img src="...stranka/img/after.jpg" alt="">
</div>

<link rel="stylesheet" href="...stranka/css/cocoen.min.css" /> -- css

-- bez jquery
<script src="...stranka/cocoen.min.js"></script> -- cocoen js
-- bez jquery spusteni
<script>new Cocoen(document.querySelector('.cocoen'));</script>

-- s jquery
<script src="...stranka/jquery.min.js"></script> -- jquery js
<script src="...stranka/cocoen-jquery.min.js"></script> -- cocoen js
-- s jquery spusteni
<script>$('.cocoen').cocoen();</script>

Cili, musis mit furu souboru nahranych na webu. Nevim, zda to u webnode jde. Nebo je musis tahat z jinych zdroju, to mozna nedovoli prohlizec. Obrazky, ty normalne nahrajes do nejake galerie na tve strance a zjistis si adresy. Prepsat to do html kodu pak neni takovy problem. Treba zrovna v te ukazce pouzivaji animovany gif. Chtelo by to spis kopirovat ze stranky, kde ten plugin uz jede.
https://raw.githubusercontent.com/…r/readme.gif