DLE 9.8 Дополнительные поля

<div id="slide1" class="slideshow">
<div class="img_cont">

<ul class="main_images">
[image-1] <li class"cartinki"><a href="{image-1}" class="cboxElement"><img width="720px" height="540px" src="{image-1}" /></a></li>[/image-1]
[image-2] <li class"cartinki"><a href="{image-2}" class="cboxElement"><img width="720px" height="540px" src="{image-2}" /></a></li>[/image-2]
[image-3] <li class"cartinki"><a href="{image-3}" class="cboxElement"><img width="720px" height="540px" src="{image-3}" /></a></li>[/image-3]
[image-4] <li class"cartinki"><a href="{image-4}" class="cboxElement"><img width="720px" height="540px" src="{image-4}" /></a></li>[/image-4]
[image-5] <li class"cartinki"><a href="{image-5}" class="cboxElement"><img width="720px" height="540px" src="{image-5}" /></a></li>[/image-5]
[image-6] <li class"cartinki"><a href="{image-6}" class="cboxElement"><img width="720px" height="540px" src="{image-6}" /></a></li>[/image-6]
[image-7] <li class"cartinki"><a href="{image-7}" class="cboxElement"><img width="720px" height="540px" src="{image-7}" /></a></li>[/image-7]
[image-8] <li class"cartinki"><a href="{image-8}" class="cboxElement"><img width="720px" height="540px" src="{image-8}" /></a></li>[/image-8]
[image-9] <li class"cartinki"><a href="{image-9}" class="cboxElement"><img width="720px" height="540px" src="{image-9}" /></a></li>[/image-9]
[image-10] <li class"cartinki"><a href="{image-10}" class="cboxElement"><img width="720px" height="540px" src="{image-10}" /></a></li>[/image-10]
[image-11] <li class"cartinki"><a href="{image-11}" class="cboxElement"><img width="720px" height="540px" src="{image-11}" /></a></li>[/image-11]
[image-12] <li class"cartinki"><a href="{image-12}" class="cboxElement"><img width="720px" height="540px" src="{image-12}" /></a></li>[/image-12]
[image-13] <li class"cartinki"><a href="{image-13}" class="cboxElement"><img width="720px" height="540px" src="{image-13}" /></a></li>[/image-13]
[image-14] <li class"cartinki"><a href="{image-14}" class="cboxElement"><img width="720px" height="540px" src="{image-14}" /></a></li>[/image-14]
[image-15] <li class"cartinki"><a href="{image-15}" class="cboxElement"><img width="720px" height="540px" src="{image-15}" /></a></li>[/image-15]
[image-16] <li class"cartinki"><a href="{image-16}" class="cboxElement"><img width="720px" height="540px" src="{image-16}" /></a></li>[/image-16]
[image-17] <li class"cartinki"><a href="{image-17}" class="cboxElement"><img width="720px" height="540px" src="{image-17}" /></a></li>[/image-17]
[image-18] <li class"cartinki"><a href="{image-18}" class="cboxElement"><img width="720px" height="540px" src="{image-18}" /></a></li>[/image-18]
[image-19] <li class"cartinki"><a href="{image-19}" class="cboxElement"><img width="720px" height="540px" src="{image-19}" /></a></li>[/image-19]
[image-20] <li class"cartinki"><a href="{image-20}" class="cboxElement"><img width="720px" height="540px" src="{image-20}" /></a></li>[/image-20]
[image-21] <li class"cartinki"><a href="{image-21}" class="cboxElement"><img width="720px" height="540px" src="{image-21}" /></a></li>[/image-21]
[image-22] <li class"cartinki"><a href="{image-22}" class="cboxElement"><img width="720px" height="540px" src="{image-22}" /></a></li>[/image-22]
[image-23] <li class"cartinki"><a href="{image-23}" class="cboxElement"><img width="720px" height="540px" src="{image-23}" /></a></li>[/image-23]
[image-24] <li class"cartinki"><a href="{image-24}" class="cboxElement"><img width="720px" height="540px" src="{image-24}" /></a></li>[/image-24]
[image-25] <li class"cartinki"><a href="{image-25}" class="cboxElement"><img width="720px" height="540px" src="{image-25}" /></a></li>[/image-25]
[image-26] <li class"cartinki"><a href="{image-26}" class="cboxElement"><img width="720px" height="540px" src="{image-26}" /></a></li>[/image-26]
[image-27] <li class"cartinki"><a href="{image-27}" class="cboxElement"><img width="720px" height="540px" src="{image-27}" /></a></li>[/image-27]
[image-28] <li class"cartinki"><a href="{image-28}" class="cboxElement"><img width="720px" height="540px" src="{image-28}" /></a></li>[/image-28]
[image-29] <li class"cartinki"><a href="{image-29}" class="cboxElement"><img width="720px" height="540px" src="{image-29}" /></a></li>[/image-29]
[image-30] <li class"cartinki"><a href="{image-30}" class="cboxElement"><img width="720px" height="540px" src="{image-30}" /></a></li>[/image-30]

</ul>
</div>
<div class="prev_btn"><a href="#" class="prev"><img src="/templates/Default/images/previous.png" alt="previous"/></a></div>
<div class="thumb_holder">
<ul class="thumbs">
<li class="section">
<ul class="sub_section">
[image-1] <li><a href="javascript:void(0);"><img height="60px" src="{image-1}" alt="gril" /></a></li>[/image-1]
[image-2] <li><a href="javascript:void(0);"><img height="60px" src="{image-2}" alt="gril" /></a></li>[/image-2]
[image-3] <li><a href="javascript:void(0);"><img height="60px" src="{image-3}" alt="gril" /></a></li>[/image-3]
[image-4] <li><a href="javascript:void(0);"><img height="60px" src="{image-4}" alt="gril" /></a></li>[/image-4]
[image-5] <li><a href="javascript:void(0);"><img height="60px" src="{image-5}" alt="gril" /></a></li>[/image-5]
[image-6] <li><a href="javascript:void(0);"><img height="60px" src="{image-6}" alt="gril" /></a></li>[/image-6]

</ul>
</li>
[image-7] <li class="section">
<ul class="sub_section">
<li><a href="javascript:void(0);"><img height="60px" src="{image-7}" alt="gril" /></a></li>
[image-8] <li><a href="javascript:void(0);"><img height="60px" src="{image-8}" alt="gril" /></a></li>[/image-8]
[image-9] <li><a href="javascript:void(0);"><img height="60px" src="{image-9}" alt="gril" /></a></li>[/image-9]
[image-10] <li><a href="javascript:void(0);"><img height="60px" src="{image-10}" alt="gril" /></a></li>[/image-10]
[image-11] <li><a href="javascript:void(0);"><img height="60px" src="{image-11}" alt="gril" /></a></li>[/image-11]
[image-12] <li><a href="javascript:void(0);"><img height="60px" src="{image-12}" alt="gril" /></a></li>[/image-12]
</ul>
</li>[/image-7]
[image-13] <li class="section">
<ul class="sub_section">
<li><a href="javascript:void(0);"><img height="60px" src="{image-13}" alt="gril" /></a></li>
[image-14] <li><a href="javascript:void(0);"><img height="60px" src="{image-14}" alt="gril" /></a></li>[/image-14]
[image-15] <li><a href="javascript:void(0);"><img height="60px" src="{image-15}" alt="gril" /></a></li>[/image-15]
[image-16] <li><a href="javascript:void(0);"><img height="60px" src="{image-16}" alt="gril" /></a></li>[/image-16]

[image-17] <li><a href="javascript:void(0);"><img height="60px" src="{image-17}" alt="gril" /></a></li>[/image-17]
[image-18] <li><a href="javascript:void(0);"><img height="60px" src="{image-18}" alt="gril" /></a></li>[/image-18]

</ul>
</li>[/image-13]
[image-19] <li class="section">
<ul class="sub_section">
<li><a href="javascript:void(0);"><img height="60px" src="{image-19}" alt="gril" /></a></li>
[image-20] <li><a href="javascript:void(0);"><img height="60px" src="{image-20}" alt="gril" /></a></li>[/image-20]
[image-21] <li><a href="javascript:void(0);"><img height="60px" src="{image-21}" alt="gril" /></a></li>[/image-21]
[image-22] <li><a href="javascript:void(0);"><img height="60px" src="{image-22}" alt="gril" /></a></li>[/image-22]
[image-23] <li><a href="javascript:void(0);"><img height="60px" src="{image-23}" alt="gril" /></a></li>[/image-23]
[image-24] <li><a href="javascript:void(0);"><img height="60px" src="{image-24}" alt="gril" /></a></li>[/image-24]

</ul>
</li>[/image-19]
[image-25] <li class="section">
<ul class="sub_section">
<li><a href="javascript:void(0);"><img height="60px" src="{image-25}" alt="gril" /></a></li>
[image-26] <li><a href="javascript:void(0);"><img height="60px" src="{image-26}" alt="gril" /></a></li>[/image-26]
[image-27] <li><a href="javascript:void(0);"><img height="60px" src="{image-27}" alt="gril" /></a></li>[/image-27]
[image-28] <li><a href="javascript:void(0);"><img height="60px" src="{image-28}" alt="gril" /></a></li>[/image-28]
[image-29] <li><a href="javascript:void(0);"><img height="60px" src="{image-29}" alt="gril" /></a></li>[/image-29]
[image-30] <li><a href="javascript:void(0);"><img height="60px" src="{image-30}" alt="gril" /></a></li>[/image-30]
</ul>
</li>[/image-25]
</ul>
</div>
<div class="next_btn"><a href="#" class="next"><img src="/templates/Default/images/next.png" alt="next"/></a></div>
</div>

lexter:
Вариантов на самом деле много , тут надо смотреть какой вы слайдер выбрали

дани мапов:
А на обычной html странице слайдер работает как вам надо?