Link to lightbox gallery within icon-list

hi!

Thanks. Ended up using the codeblock element. Now the icon works as a link to the lightbox gallery. But the problem is that the gallery pick up the images from the other iconlist as well, so instead of showing 3 images, it now shows 7. How can I seperate these lightbox galleries?

Here is the code I im currently using for iconlist1 and 2: (PS The code doesnt display right when posted here but is right inside the editor)

/*ICONLIST1*/
<div class=”avia-icon-list-container avia-builder-el-43 avia-builder-el-no-sibling “><ul class=”avia-icon-list avia-icon-list-right avia_animate_when_almost_visible avia_start_animation”>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Tegning</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Det er flere forskjellige tegneperioder og perioder hvor tegning inngår; akttegning, skisser til maleri og skulptur og tegning for å samle og formidle idéer m.m. I samtidskunsten har viktige kunstverk blitt skapt med tegning.</p>

<div class=”iconlink”>

<br>
 
<br>
 

</div>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Skulptur</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Vi har flere tilnærminger til skulptur. Du introduseres til rom, installasjon, assemblage, modellering, avstøpning, modellbygging m.m.</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Kritisk Teori</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Introduksjoner til kunsthistorie og samtidskunst- teori. Faget gir begreper for å forstå, snakke og skrive. Du får grunnlaget for å være en del av et fagmiljø og forstå den faglige diskusjonen. Faget støtter deg i å lære å skrive søknader og formidle eget eller andres arbeid.</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Foto</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Foto kan være en teknikk for å lage kunst eller til å støtte andre kunstneriske prosesser som ideer, formidling, dokumentasjon m.m. Vi har et mørkerom hvor du kan lære deg tradisjonelt analogt sort-hvitt foto. Datarommet er basen for digitalt foto.</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Maleri</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Gir basiskunnskap som hvordan bygge en blindramme, spenne og preparere lerret til forskjellige maleteknikker osv. Du introduseres til maleriet i kunsthistorien og i samtidskunsten. Læringen er individuelt basert – læreren veileder deg i utviklingen av ditt maleri. Det er stor frihet i kursene.</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Video</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Video brukes både som eget kunstnerisk uttrykk og i installasjoner, skulptur og performance – eller for å dokumentere andre arbeid. Du blir kjent med kameraet, storyboard, filming, lys & lyd, redigering/klipp og presentasjon av ferdig film.</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Performance</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>Performance er en viktig del av samtidskunsten. Det finnes mange forskjellige måter å gjøre performance. Kanskje er fellesnevneren at det skjer her & nå. Noen ganger er det beskrevet som møtepunktet mellom samtidsdans, teater, musikk og kunst.</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>
</div>

/*ICONLIST2*/

<ul class=”avia-icon-list avia-icon-list-right avia_animate_when_almost_visible avia_start_animation”>

<li class=”avia_start_animation”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>

<article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>Inspirasjon & Fordypning i eget prosjekt</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>I løpet av høsten er det forskjellige Inspirasjon & Fordypningsprosjekt med forskjellige lærere. Klassen deler inspirasjonskilder, du får individuell veiledning av lærer og lager et prosjekt eller en fysisk skisse for en større idé. Du får repetert metoder og teknikker når du trenger det. Hver periode avsluttes med en gjennomgang i klassen. Gjennom dialog og støtte utfordres du til stadig større utfordringer.</p>

<div class=”iconlink2”>

<br>
 
<br>
 

</div>
</div>
</div>

<footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><div style=”background-color:#ffc26a; ” class=”iconlist_icon avia-font-entypo-fontello”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></div><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>ICON2</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>TEXT</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

<li class=”avia_start_animation”><div style=”background-color:#ffc26a; ” class=”iconlist_icon avia-font-entypo-fontello”><span class=”iconlist-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></div><article class=”article-icon-entry ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconlist_content_wrap”><header class=”entry-content-header”><h4 class=”iconlist_title” itemprop=”headline” style=”color:#ffc26a; “>ICON3</h4></header><div class=”iconlist_content av_inherit_color” itemprop=”text” style=”color:#ffffff; “><p>TEXT</p>
</div></div><footer class=”entry-footer”></footer></article><div class=”iconlist-timeline”></div>

• This reply was modified 8 years, 11 months ago by FabelMedia.

Hi!
Thanks, bu this did not work.. It still shows all images on the same page..

Perfect!

Thanks!